@bifrostui/react 2.0.0-beta.10 → 2.0.0-beta.12

package/es/DesktopTimePicker/index.js

@@ -0,0 +1,6 @@
+import { default as default2, default as default3 } from "./DesktopTimePicker";
+export * from "./DesktopTimePicker.types";
+export {
+  default2 as DesktopTimePicker,
+  default3 as default
+};

package/es/DesktopTimePicker/useGetTimePickerContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TimePickerContentProps } from './DesktopTimePicker.types';
+declare const useGetTimePickerContent: (props: TimePickerContentProps) => {
+    desktopTimePanel: () => React.JSX.Element;
+};
+export default useGetTimePickerContent;

package/es/DesktopTimePicker/useGetTimePickerContent.js

@@ -0,0 +1,226 @@
+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));
+import clsx from "clsx";
+import React, { useEffect } from "react";
+import DesktopTimePickerList from "./DesktopTimePickerList";
+import {
+  getdisabledTime,
+  calculateValidMinTime,
+  isDisabledTime
+} from "./utils/utils";
+const prefixCls = "bui-d-time-picker";
+const useGetTimePickerContent = (props) => {
+  const {
+    views = ["hour", "minute", "second"],
+    timeSteps = {
+      hour: 1,
+      minute: 1,
+      second: 1
+    },
+    ampm = false,
+    disabledTimeView = () => ({
+      hour: () => [],
+      minute: () => [],
+      second: () => []
+    }),
+    minTime,
+    maxTime,
+    timeValue,
+    closeOnSelect,
+    setIsOpen,
+    triggerChange,
+    timeRender,
+    setIsInvalid
+  } = props;
+  useEffect(() => {
+    if (isDisabledTime(timeValue, minTime, maxTime, disabledTimeView)) {
+      setIsInvalid(true);
+    } else {
+      setIsInvalid(false);
+    }
+  }, [timeValue]);
+  const getViewListData = (type, timeStep = 1) => {
+    if (type === "meridiem") {
+      return [
+        { label: "AM", value: "AM" },
+        { label: "PM", value: "PM" }
+      ];
+    }
+    let maxNum;
+    if (type === "hour") {
+      maxNum = ampm ? 12 : 24;
+    } else {
+      maxNum = 60;
+    }
+    const list = [];
+    if (timeStep <= 0) {
+      timeStep = 1;
+    }
+    for (let i = 0; i < maxNum; i += timeStep) {
+      const value = i;
+      let label = value < 10 ? `0${value}` : `${value}`;
+      if (type === "hour" && ampm && value === 0) {
+        label = "12";
+      }
+      list.push({ label, value });
+    }
+    return list;
+  };
+  const renderViewsFunc = () => {
+    const lists = ampm ? [...views, "meridiem"] : views;
+    return lists.map((type, index) => {
+      var _a;
+      const dataList = getViewListData(type, timeSteps[type]);
+      const disabledTime = getdisabledTime(
+        type,
+        timeValue,
+        minTime,
+        maxTime,
+        dataList,
+        disabledTimeView,
+        timeSteps,
+        ampm
+      );
+      dataList.forEach((item, idx) => {
+        const { value } = item;
+        const disabled = disabledTime == null ? void 0 : disabledTime.includes(value);
+        dataList[idx] = __spreadProps(__spreadValues({}, item), { disabled });
+      });
+      const isLastList = index === lists.length - 1;
+      let selectedValue;
+      if (timeValue) {
+        if (type === "meridiem") {
+          selectedValue = timeValue.format("A");
+        } else if (type === "hour" && ampm) {
+          selectedValue = timeValue.hour() % 12;
+        } else {
+          selectedValue = (_a = timeValue[type]) == null ? void 0 : _a.call(timeValue);
+        }
+      }
+      const handleClick = (e, disabled, item) => {
+        e.stopPropagation();
+        if (disabled || selectedValue === item.value)
+          return;
+        let validTime = timeValue;
+        if (!timeValue) {
+          const validMinTime = calculateValidMinTime(disabledTimeView, minTime);
+          validTime = validMinTime;
+        }
+        const updateHour = (hour) => validTime.format("A") === "PM" ? hour + 12 : hour;
+        const getValidTimeValue = (view, newTimeValue) => {
+          var _a2, _b;
+          let viewDisabledTime = getdisabledTime(
+            view,
+            newTimeValue,
+            minTime,
+            maxTime,
+            getViewListData(view, timeSteps[view]),
+            disabledTimeView,
+            timeSteps,
+            ampm
+          );
+          let viewDataList = getViewListData(view, timeSteps[view]);
+          if (view === "hour" && ampm && newTimeValue.format("A") === "PM") {
+            viewDataList = viewDataList.map((el) => __spreadProps(__spreadValues({}, el), {
+              value: el.value + 12
+            }));
+            viewDisabledTime = viewDisabledTime.map(
+              (el) => el + 12
+            );
+          }
+          const validValues = viewDataList.map((i) => i.value).filter((el) => !viewDisabledTime.includes(el));
+          const curViewValue = (_b = (_a2 = newTimeValue[view]) == null ? void 0 : _a2.call(newTimeValue)) != null ? _b : 0;
+          const nearestValue = validValues.reduce(
+            (prev, curr) => Math.abs(curr - curViewValue) < Math.abs(prev - curViewValue) ? curr : prev,
+            validValues[0]
+          );
+          return nearestValue !== void 0 ? nearestValue : curViewValue;
+        };
+        const handleNewTimeValue = (newTimeValue, event) => {
+          const isDisabledNewTime = isDisabledTime(
+            newTimeValue,
+            minTime,
+            maxTime,
+            disabledTimeView
+          );
+          if (isDisabledNewTime) {
+            views.forEach((view) => {
+              if (view !== type) {
+                const validValue = getValidTimeValue(view, newTimeValue);
+                newTimeValue = newTimeValue.set(view, validValue);
+              }
+            });
+          }
+          triggerChange(event, newTimeValue.toDate());
+        };
+        const calculateNewValue = (view, el) => {
+          if (view === "hour" && ampm) {
+            return updateHour(item.value);
+          }
+          return el.value;
+        };
+        if (type === "meridiem") {
+          const newHour = item.value === "PM" ? validTime.hour() + 12 : validTime.hour() - 12;
+          const newTimeValue = validTime.set("hour", newHour);
+          handleNewTimeValue(newTimeValue, e);
+        } else {
+          const newValue = calculateNewValue(type, item);
+          const newTimeValue = validTime.set(type, newValue);
+          handleNewTimeValue(newTimeValue, e);
+        }
+        if (isLastList && closeOnSelect) {
+          setIsOpen(false);
+        }
+      };
+      return /* @__PURE__ */ React.createElement(
+        DesktopTimePickerList,
+        {
+          timeValue,
+          type,
+          dataList,
+          selectedValue,
+          prefixCls,
+          handleClick,
+          key: type,
+          timeRender
+        }
+      );
+    });
+  };
+  const desktopTimePanel = () => {
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: clsx(`${prefixCls}-main`),
+        onClick: (e) => {
+          e.stopPropagation();
+        }
+      },
+      /* @__PURE__ */ React.createElement("div", { className: clsx(`${prefixCls}-table`) }, renderViewsFunc())
+    );
+  };
+  return {
+    desktopTimePanel
+  };
+};
+var useGetTimePickerContent_default = useGetTimePickerContent;
+export {
+  useGetTimePickerContent_default as default
+};

package/es/DesktopTimePicker/utils/scrollUtil.d.ts

@@ -0,0 +1,2 @@
+declare const handleScroll: (elementName: string, setScrollTop: (scrollTop: number) => void, index?: number) => void;
+export default handleScroll;

package/es/DesktopTimePicker/utils/scrollUtil.js

@@ -0,0 +1,8 @@
+const handleScroll = (elementName, setScrollTop, index) => {
+  const selectedLi = document.querySelector(elementName);
+  setScrollTop(selectedLi == null ? void 0 : selectedLi.offsetTop);
+};
+var scrollUtil_default = handleScroll;
+export {
+  scrollUtil_default as default
+};

package/es/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts

@@ -0,0 +1,2 @@
+declare const handleScroll: (elementName: string, setScrollTop: (scrollTop: number) => void, index: number) => void;
+export default handleScroll;

package/es/DesktopTimePicker/utils/scrollUtil.miniapp.js

@@ -0,0 +1,22 @@
+import Taro from "@tarojs/taro";
+const handleScroll = (elementName, setScrollTop, index) => {
+  var _a;
+  const query = Taro.createSelectorQuery();
+  (_a = query.select(elementName)) == null ? void 0 : _a.fields({
+    computedStyle: ["height", "paddingTop", "paddingBottom"]
+  });
+  query.exec((res) => {
+    if (!res[0])
+      return;
+    const { height, paddingTop, paddingBottom } = res[0];
+    function parsePx(str) {
+      return str ? parseFloat(str.replace(/px$/, "")) : 0;
+    }
+    const targetHeight = parsePx(height) + parsePx(paddingTop) + parsePx(paddingBottom);
+    setScrollTop(index * targetHeight);
+  });
+};
+var scrollUtil_miniapp_default = handleScroll;
+export {
+  scrollUtil_miniapp_default as default
+};

package/es/DesktopTimePicker/utils/utils.d.ts

@@ -0,0 +1,28 @@
+import dayjs, { Dayjs } from 'dayjs';
+import { DisabledTimeView, ViewTypeWithMeridiem, ITimeInstance, ITimeItemNumberInstance, TimeSteps } from '../DesktopTimePicker.types';
+/**
+ * 判断时间是否在可选日期区间内
+ */
+export declare const getIsRangeDate: (time: Dayjs, start?: Dayjs, end?: Dayjs) => boolean;
+/**
+ * 判断时间是否在 disabledView 时间区间内
+ */
+export declare const isDisabledViewTime: (time: Dayjs, disabledTimeView: DisabledTimeView) => boolean;
+/**
+ * 判断时间是否在 minTime & maxTime 时间区间内
+ */
+export declare const getIsRangeTime: (time: Dayjs, start?: Dayjs, end?: Dayjs) => boolean;
+/**
+ * 判断时间是否在disabledView || outOf minTime-maxTime 时间区间内
+ */
+export declare const isDisabledTime: (time: Dayjs, start?: Dayjs, end?: Dayjs, disabledTimeView?: DisabledTimeView) => boolean;
+/**
+ * 获取分钟时间面板 是否小于minTime分钟
+ */
+export declare const getOutOfMinRangeMinutes: (hourValue: number, minTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
+export declare const getOutOfMaxRangeMinutes: (hourValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
+export declare const getOutOfMinRangeSeconds: (hourValue: number, minuteValue: number, minTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
+export declare const getOutOfMaxRangeSeconds: (hourValue: number, minuteValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
+export declare const getdisabledTime: (type: ViewTypeWithMeridiem, timeValue: Dayjs, minTime: Dayjs, maxTime: Dayjs, dataList: ITimeInstance[], disabledTimeView: DisabledTimeView, timeSteps: TimeSteps, ampm?: boolean) => (string | number)[];
+export declare const calculateValidMinTime: (disabledTimeView: DisabledTimeView, minTime?: Dayjs) => dayjs.Dayjs;
+export declare const dateToDayjs: (date: Date) => dayjs.Dayjs;

package/es/DesktopTimePicker/utils/utils.js

@@ -0,0 +1,365 @@
+import dayjs from "dayjs";
+const getIsRangeDate = (time, start, end) => {
+  if (!time)
+    return true;
+  if (!start && !end) {
+    return true;
+  }
+  if (start && end) {
+    return !time.isBefore(start, "day") && !time.isAfter(end, "day");
+  }
+  if (start) {
+    return !time.isBefore(start, "day") && (end ? !time.isAfter(end, "day") : true);
+  }
+  if (end) {
+    return !time.isAfter(end, "day") && (start ? !time.isBefore(start, "day") : true);
+  }
+  return true;
+};
+const isDisabledViewTime = (time, disabledTimeView) => {
+  const isDisabledViewTimeItem = (type) => {
+    const disabledArr = disabledTimeView == null ? void 0 : disabledTimeView()[type](time.hour(), time.minute());
+    const value = time[type]();
+    return (disabledArr == null ? void 0 : disabledArr.indexOf(value)) !== -1;
+  };
+  return isDisabledViewTimeItem("hour") || isDisabledViewTimeItem("minute") || isDisabledViewTimeItem("second");
+};
+const getIsRangeTime = (time, start, end) => {
+  if (start && end) {
+    return !time.isBefore(start, "second") && !time.isAfter(end, "second");
+  }
+  if (start) {
+    return !time.isBefore(start, "second");
+  }
+  if (end) {
+    return !time.isAfter(end, "second");
+  }
+  return true;
+};
+const isDisabledTime = (time, start, end, disabledTimeView) => {
+  if (!time)
+    return false;
+  return isDisabledViewTime(time, disabledTimeView) || !getIsRangeTime(time, start, end);
+};
+const getOutOfMinRangeMinutes = (hourValue, minTime, dataList) => {
+  if (!minTime) {
+    return [];
+  }
+  const outOfMinRangeMinutes = [];
+  if (hourValue === minTime.hour()) {
+    outOfMinRangeMinutes.push(
+      ...dataList.map((item) => item.value).filter((minute) => minute < minTime.minute())
+    );
+  } else if (hourValue < minTime.hour()) {
+    outOfMinRangeMinutes.push(...dataList.map((item) => item.value));
+  }
+  return outOfMinRangeMinutes;
+};
+const getOutOfMaxRangeMinutes = (hourValue, maxTime, dataList) => {
+  if (!maxTime) {
+    return [];
+  }
+  const outOfMaxRangeMinutes = [];
+  if (hourValue === maxTime.hour()) {
+    outOfMaxRangeMinutes.push(
+      ...dataList.map((item) => item.value).filter((minute) => minute > maxTime.minute())
+    );
+  } else if (hourValue > maxTime.hour()) {
+    outOfMaxRangeMinutes.push(...dataList.map((item) => item.value));
+  }
+  return outOfMaxRangeMinutes;
+};
+const getOutOfMinRangeSeconds = (hourValue, minuteValue, minTime, dataList) => {
+  if (!minTime) {
+    return [];
+  }
+  const outOfMinRangeMinutes = [];
+  if (hourValue === minTime.hour() && minuteValue === minTime.minute()) {
+    outOfMinRangeMinutes.push(
+      ...dataList.map((item) => item.value).filter((second) => second < minTime.second())
+    );
+  } else if (hourValue === minTime.hour() && minuteValue < minTime.minute()) {
+    outOfMinRangeMinutes.push(...dataList.map((item) => item.value));
+  } else if (hourValue < minTime.hour()) {
+    outOfMinRangeMinutes.push(...dataList.map((item) => item.value));
+  }
+  return outOfMinRangeMinutes;
+};
+const getOutOfMaxRangeSeconds = (hourValue, minuteValue, maxTime, dataList) => {
+  if (!maxTime) {
+    return [];
+  }
+  const outOfMaxRangeMinutes = [];
+  if (hourValue === maxTime.hour() && minuteValue === maxTime.minute()) {
+    outOfMaxRangeMinutes.push(
+      ...dataList.map((item) => item.value).filter((second) => second > maxTime.second())
+    );
+  } else if (hourValue === maxTime.hour() && minuteValue > maxTime.minute()) {
+    outOfMaxRangeMinutes.push(...dataList.map((item) => item.value));
+  } else if (hourValue > maxTime.hour()) {
+    outOfMaxRangeMinutes.push(...dataList.map((item) => item.value));
+  }
+  return outOfMaxRangeMinutes;
+};
+const getdisabledTime = (type, timeValue, minTime, maxTime, dataList, disabledTimeView, timeSteps, ampm) => {
+  var _a, _b, _c, _d, _e;
+  const isRangeDate = getIsRangeDate(timeValue, minTime, maxTime);
+  if (!isRangeDate) {
+    return dataList.map((item) => item.value);
+  }
+  const hourValue = timeValue == null ? void 0 : timeValue.hour();
+  const minuteValue = timeValue == null ? void 0 : timeValue.minute();
+  const getDisabledViewTime = () => {
+    var _a2, _b2, _c2, _d2, _e2, _f;
+    switch (type) {
+      case "hour": {
+        const disabledHours = ((_b2 = disabledTimeView == null ? void 0 : (_a2 = disabledTimeView()).hour) == null ? void 0 : _b2.call(_a2)) || [];
+        if (ampm && (timeValue == null ? void 0 : timeValue.format("A")) === "PM") {
+          return disabledHours.map((hour) => hour - 12);
+        }
+        return disabledHours;
+      }
+      case "minute": {
+        const disabledMinutes = ((_d2 = disabledTimeView == null ? void 0 : (_c2 = disabledTimeView()).minute) == null ? void 0 : _d2.call(_c2, hourValue)) || [];
+        return disabledMinutes;
+      }
+      case "second": {
+        const disabledSeconds = ((_f = disabledTimeView == null ? void 0 : (_e2 = disabledTimeView()).second) == null ? void 0 : _f.call(_e2, hourValue, minuteValue)) || [];
+        return disabledSeconds;
+      }
+      default:
+        return [];
+    }
+  };
+  const disabledViewTime = getDisabledViewTime();
+  const getOutOfMinRangeTime = () => {
+    if (!minTime) {
+      return [];
+    }
+    switch (type) {
+      case "hour": {
+        const outOfRangeHours = dataList.map((item) => item.value).filter((hour) => {
+          const minHour2 = minTime == null ? void 0 : minTime.hour();
+          const meridiemValue = timeValue == null ? void 0 : timeValue.format("A");
+          if (ampm) {
+            if (meridiemValue === "AM") {
+              return minHour2 >= 12 || hour < minHour2;
+            }
+            if (minHour2 < 12) {
+              return false;
+            }
+            return hour < minHour2 - 12;
+          }
+          return hour < minHour2;
+        });
+        return outOfRangeHours;
+      }
+      case "minute": {
+        const outOfRangeMinutes = getOutOfMinRangeMinutes(
+          hourValue,
+          minTime,
+          dataList
+        );
+        return outOfRangeMinutes;
+      }
+      case "second": {
+        const outOfRangeSeconds = getOutOfMinRangeSeconds(
+          hourValue,
+          minuteValue,
+          minTime,
+          dataList
+        );
+        return outOfRangeSeconds;
+      }
+      default:
+        return [];
+    }
+  };
+  const getOutOfMaxRangeTime = () => {
+    if (!maxTime) {
+      return [];
+    }
+    switch (type) {
+      case "hour": {
+        const outOfRangeHours = dataList.map((item) => item.value).filter((hour) => {
+          if (ampm) {
+            const maxHour2 = maxTime == null ? void 0 : maxTime.hour();
+            const meridiemValue = timeValue == null ? void 0 : timeValue.format("A");
+            if (maxHour2 >= 12) {
+              if (meridiemValue === "AM") {
+                return false;
+              }
+              return hour > maxHour2 - 12;
+            }
+            if (meridiemValue === "AM") {
+              return hour > maxHour2;
+            }
+            return true;
+          }
+          return hour > (maxTime == null ? void 0 : maxTime.hour());
+        });
+        return outOfRangeHours;
+      }
+      case "minute": {
+        const outOfRangeMinutes = getOutOfMaxRangeMinutes(
+          hourValue,
+          maxTime,
+          dataList
+        );
+        return outOfRangeMinutes;
+      }
+      case "second": {
+        const outOfRangeSeconds = getOutOfMaxRangeSeconds(
+          hourValue,
+          minuteValue,
+          maxTime,
+          dataList
+        );
+        return outOfRangeSeconds;
+      }
+      default:
+        return [];
+    }
+  };
+  const outOfMinRangeTime = getOutOfMinRangeTime();
+  const outOfMaxRangeTime = getOutOfMaxRangeTime();
+  const isEqualMinDate = timeValue == null ? void 0 : timeValue.isSame(minTime, "day");
+  const isEqualMaxDate = timeValue == null ? void 0 : timeValue.isSame(maxTime, "day");
+  const allHours = Array.from({ length: 24 }, (_, i) => i);
+  const disabledViewHours = ((_b = disabledTimeView == null ? void 0 : (_a = disabledTimeView()).hour) == null ? void 0 : _b.call(_a)) || [];
+  const minHour = (_c = minTime == null ? void 0 : minTime.hour()) != null ? _c : 0;
+  const maxHour = (_d = maxTime == null ? void 0 : maxTime.hour()) != null ? _d : 23;
+  const outOfMinHours = allHours.filter((hour) => hour < minHour);
+  const outOfMaxHours = allHours.filter((hour) => hour > maxHour);
+  const generateHourArray = (start, end, step) => {
+    if (!step) {
+      step = 1;
+    }
+    return Array.from(
+      { length: Math.ceil((end - start) / step) },
+      (_, i) => start + i * step
+    );
+  };
+  const hourStep = (_e = timeSteps.hour) != null ? _e : 1;
+  const amArr = generateHourArray(0, 12, hourStep);
+  const pmArr = generateHourArray(12, 24, hourStep);
+  const disabledAmPm = (disabledHours) => {
+    const containsAll = (arr) => arr.every((item) => disabledHours.includes(item));
+    const containsAllAmArr = containsAll(amArr);
+    const containsAllPmArr = containsAll(pmArr);
+    if (containsAllAmArr && containsAllPmArr)
+      return ["AM", "PM"];
+    if (containsAllAmArr)
+      return ["AM"];
+    if (containsAllPmArr)
+      return ["PM"];
+    return [];
+  };
+  if (!timeValue || isEqualMinDate && isEqualMaxDate) {
+    if (type === "meridiem") {
+      const disabledHours = [
+        .../* @__PURE__ */ new Set([...outOfMinHours, ...outOfMaxHours, ...disabledViewHours])
+      ];
+      return disabledAmPm(disabledHours);
+    }
+    return [
+      .../* @__PURE__ */ new Set([
+        ...disabledViewTime,
+        ...outOfMinRangeTime,
+        ...outOfMaxRangeTime
+      ])
+    ];
+  }
+  if (!isEqualMinDate && !isEqualMaxDate) {
+    if (type === "meridiem") {
+      const disabledHours = disabledViewHours;
+      return disabledAmPm(disabledHours);
+    }
+    return disabledViewTime;
+  }
+  if (isEqualMinDate) {
+    if (type === "meridiem") {
+      const disabledHours = [
+        .../* @__PURE__ */ new Set([...outOfMinHours, ...disabledViewHours])
+      ];
+      return disabledAmPm(disabledHours);
+    }
+    return [.../* @__PURE__ */ new Set([...disabledViewTime, ...outOfMinRangeTime])];
+  }
+  if (type === "meridiem") {
+    const disabledHours = [
+      .../* @__PURE__ */ new Set([...outOfMaxHours, ...disabledViewHours])
+    ];
+    return disabledAmPm(disabledHours);
+  }
+  return [.../* @__PURE__ */ new Set([...disabledViewTime, ...outOfMaxRangeTime])];
+};
+const calculateValidMinTime = (disabledTimeView, minTime) => {
+  var _a, _b, _c, _d, _e, _f;
+  const defaultTime = dayjs().set("hour", 0).set("minute", 0).set("second", 0);
+  let validTime = minTime || defaultTime;
+  const disabledHours = (_b = disabledTimeView == null ? void 0 : (_a = disabledTimeView()).hour) == null ? void 0 : _b.call(_a);
+  if (disabledHours.includes(validTime.hour())) {
+    const validHours = Array.from({ length: 24 }, (_, i) => i).filter(
+      (value) => !disabledHours.includes(value) && value > validTime.hour()
+    );
+    const minValue = Math.min(...validHours);
+    validTime = validTime.set("hour", minValue);
+  }
+  if (validTime.hour() > (minTime == null ? void 0 : minTime.hour())) {
+    validTime = validTime.set("minute", 0);
+    validTime = validTime.set("second", 0);
+  }
+  const disabledMinutes = (_d = disabledTimeView == null ? void 0 : (_c = disabledTimeView()).minute) == null ? void 0 : _d.call(_c, validTime.hour());
+  if (disabledMinutes.includes(validTime.minute())) {
+    const validMinutes = Array.from({ length: 60 }, (_, i) => i).filter(
+      (value) => {
+        if (validTime.hour() > (minTime == null ? void 0 : minTime.hour())) {
+          return !disabledMinutes.includes(value);
+        }
+        return !disabledMinutes.includes(value) && value > validTime.minute();
+      }
+    );
+    const minValue = Math.min(...validMinutes);
+    validTime = validTime.set("minute", minValue);
+  }
+  if (validTime.minute() > (minTime == null ? void 0 : minTime.minute())) {
+    validTime = validTime.set("second", 0);
+  }
+  const disabledSeconds = (_f = disabledTimeView == null ? void 0 : (_e = disabledTimeView()).second) == null ? void 0 : _f.call(
+    _e,
+    validTime.hour(),
+    validTime.minute()
+  );
+  if (disabledSeconds.includes(validTime.second())) {
+    const validSeconds = Array.from({ length: 60 }, (_, i) => i).filter(
+      (value) => {
+        if (validTime.hour() > (minTime == null ? void 0 : minTime.hour()) || validTime.minute() > (minTime == null ? void 0 : minTime.minute())) {
+          return !disabledSeconds.includes(value);
+        }
+        return !disabledMinutes.includes(value) && value > validTime.second();
+      }
+    );
+    const minValue = Math.min(...validSeconds);
+    validTime = validTime.set("second", minValue);
+  }
+  return validTime;
+};
+const dateToDayjs = (date) => {
+  if (!date)
+    return void 0;
+  return dayjs(date);
+};
+export {
+  calculateValidMinTime,
+  dateToDayjs,
+  getIsRangeDate,
+  getIsRangeTime,
+  getOutOfMaxRangeMinutes,
+  getOutOfMaxRangeSeconds,
+  getOutOfMinRangeMinutes,
+  getOutOfMinRangeSeconds,
+  getdisabledTime,
+  isDisabledTime,
+  isDisabledViewTime
+};

package/es/Dialog/Dialog.types.d.ts

@@ -44,6 +44,11 @@ export interface DialogProps extends ModalProps {
      * theme 主题定制
      */
     theme?: ThemeProps;
+    /**
+     * 渲染Dialog的根容器
+     * @default document.body
+     */
+    container?: HTMLElement | (() => HTMLElement);
     /**
      * 确认回调
      */