@yoka-ui/ui 1.0.10-test

package/dist/lib/components/YkRangeDateWithVS/YkRangeDateWithVSRange.js

@@ -0,0 +1,567 @@
+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/YkRangeDateWithVS/YkRangeDateWithVSRange.tsx
+var YkRangeDateWithVSRange_exports = {};
+__export(YkRangeDateWithVSRange_exports, {
+  default: () => YkRangeDateWithVSRange_default
+});
+module.exports = __toCommonJS(YkRangeDateWithVSRange_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_lodash = require("lodash");
+var import_react = __toESM(require("react"));
+var import_styles = __toESM(require("./styles"));
+var itemCheckIconClass = (className) => {
+  return (0, import_classnames.default)("iconfont", className, import_styles.default.active);
+};
+var past = (n, picker, today = false) => [(0, import_dayjs.default)().subtract(n, picker).startOf(picker), today ? (0, import_dayjs.default)() : (0, import_dayjs.default)().subtract(n, picker).endOf(picker)];
+var dateOptions = [
+  { label: "今天", value: () => past(0, "day", true) },
+  { label: "昨天", value: () => past(1, "day") },
+  { label: "本周", value: () => past(0, "week", true) },
+  { label: "上周", value: () => past(1, "week") },
+  { label: "本月", value: () => past(0, "month", true) },
+  { label: "上月", value: () => past(1, "month") },
+  { label: "今年", value: () => past(0, "year", true) },
+  { label: "去年", value: () => past(1, "year") },
+  { label: "近7天", value: () => past(6, "day", true) },
+  { label: "近14天", value: () => past(13, "day", true) },
+  { label: "近30天", value: () => past(29, "day", true) },
+  { label: "近60天", value: () => past(59, "day", true) },
+  { label: "近90天", value: () => past(89, "day", true) },
+  { label: "近180天", value: () => past(179, "day", true) },
+  {
+    label: "前7天",
+    value: () => [(0, import_dayjs.default)().subtract(7, "day").startOf("day"), (0, import_dayjs.default)().subtract(1, "day").endOf("day")]
+  },
+  {
+    label: "前14天",
+    value: () => [(0, import_dayjs.default)().subtract(14, "day").startOf("day"), (0, import_dayjs.default)().subtract(1, "day").endOf("day")]
+  },
+  {
+    label: "前30天",
+    value: () => [(0, import_dayjs.default)().subtract(30, "day").startOf("day"), (0, import_dayjs.default)().subtract(1, "day").endOf("day")]
+  },
+  {
+    label: "前60天",
+    value: () => [(0, import_dayjs.default)().subtract(60, "day").startOf("day"), (0, import_dayjs.default)().subtract(1, "day").endOf("day")]
+  }
+];
+var weekOptions = [
+  { label: "本周", value: () => past(0, "week", true) },
+  { label: "上周", value: () => past(1, "week") },
+  { label: "近3周", value: () => past(2, "week", true) },
+  { label: "近4周", value: () => past(3, "week", true) },
+  { label: "近5周", value: () => past(4, "week", true) },
+  { label: "近6周", value: () => past(5, "week", true) },
+  { label: "近7周", value: () => past(6, "week", true) },
+  { label: "近14周", value: () => past(13, "week", true) },
+  { label: "近30周", value: () => past(29, "week", true) },
+  { label: "近60周", value: () => past(59, "week", true) },
+  {
+    label: "前2周",
+    value: () => [(0, import_dayjs.default)().subtract(2, "week").startOf("week"), (0, import_dayjs.default)().subtract(1, "week").endOf("week")]
+  },
+  {
+    label: "前3周",
+    value: () => [(0, import_dayjs.default)().subtract(3, "week").startOf("week"), (0, import_dayjs.default)().subtract(1, "week").endOf("week")]
+  },
+  {
+    label: "前4周",
+    value: () => [(0, import_dayjs.default)().subtract(4, "week").startOf("week"), (0, import_dayjs.default)().subtract(1, "week").endOf("week")]
+  },
+  {
+    label: "前5周",
+    value: () => [(0, import_dayjs.default)().subtract(5, "week").startOf("week"), (0, import_dayjs.default)().subtract(1, "week").endOf("week")]
+  }
+];
+var monthOptions = [
+  { label: "本月", value: () => past(0, "month", true) },
+  { label: "上月", value: () => past(1, "month") },
+  { label: "今年", value: () => past(0, "year", true) },
+  { label: "去年", value: () => past(1, "year") },
+  { label: "近3月", value: () => past(2, "month", true) },
+  { label: "近4月", value: () => past(3, "month", true) },
+  { label: "近5月", value: () => past(4, "month", true) },
+  { label: "近6月", value: () => past(5, "month", true) },
+  { label: "近7月", value: () => past(6, "month", true) },
+  { label: "近8月", value: () => past(7, "month", true) },
+  { label: "近9月", value: () => past(8, "month", true) },
+  { label: "近10月", value: () => past(9, "month", true) },
+  { label: "近11月", value: () => past(10, "month", true) },
+  { label: "近12月", value: () => past(11, "month", true) },
+  {
+    label: "前2月",
+    value: () => [(0, import_dayjs.default)().subtract(2, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  },
+  {
+    label: "前3月",
+    value: () => [(0, import_dayjs.default)().subtract(3, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  },
+  {
+    label: "前4月",
+    value: () => [(0, import_dayjs.default)().subtract(4, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  },
+  {
+    label: "前5月",
+    value: () => [(0, import_dayjs.default)().subtract(5, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  },
+  {
+    label: "前6月",
+    value: () => [(0, import_dayjs.default)().subtract(6, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  },
+  {
+    label: "前7月",
+    value: () => [(0, import_dayjs.default)().subtract(7, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  },
+  {
+    label: "前8月",
+    value: () => [(0, import_dayjs.default)().subtract(8, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  },
+  {
+    label: "前9月",
+    value: () => [(0, import_dayjs.default)().subtract(9, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  },
+  {
+    label: "前10月",
+    value: () => [(0, import_dayjs.default)().subtract(10, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  },
+  {
+    label: "前11月",
+    value: () => [(0, import_dayjs.default)().subtract(11, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  },
+  {
+    label: "前12月",
+    value: () => [(0, import_dayjs.default)().subtract(12, "month").startOf("month"), (0, import_dayjs.default)().subtract(1, "month").endOf("month")]
+  }
+];
+var startWeekOption = [
+  { label: "近7天", value: () => past(6, "day", true) },
+  { label: "近14天", value: () => past(13, "day", true) },
+  { label: "近21天", value: () => past(20, "day", true) },
+  { label: "近28天", value: () => past(27, "day", true) },
+  { label: "近98天", value: () => past(97, "day", true) },
+  { label: "近210天", value: () => past(209, "day", true) }
+];
+var startMonthOption = [
+  { label: "近30天", value: () => past(29, "day", true) },
+  { label: "近60天", value: () => past(59, "day", true) },
+  { label: "近90天", value: () => past(89, "day", true) },
+  { label: "近120天", value: () => past(119, "day", true) },
+  { label: "近150天", value: () => past(149, "day", true) },
+  { label: "近180天", value: () => past(179, "day", true) },
+  { label: "近210天", value: () => past(209, "day", true) },
+  { label: "近240天", value: () => past(239, "day", true) },
+  { label: "近270天", value: () => past(269, "day", true) },
+  { label: "近300天", value: () => past(299, "day", true) },
+  { label: "近330天", value: () => past(329, "day", true) },
+  { label: "近360天", value: () => past(359, "day", true) }
+];
+var pickerMap = {
+  按自然周: "week",
+  按自然月: "month",
+  按周: "week",
+  按月: "month"
+};
+var optionsMap = {
+  按日: { options: dateOptions, default: () => past(14, "day", true) },
+  按周: { options: weekOptions, default: () => past(13, "week", true) },
+  按月: { options: monthOptions, default: () => past(11, "month", true) },
+  按自然周: { options: weekOptions, default: () => past(13, "week", true) },
+  按自然月: { options: monthOptions, default: () => past(11, "month", true) },
+  按起始周: {
+    options: startWeekOption,
+    default: () => past(14 * 7 - 1, "day", true)
+  },
+  按起始月: {
+    options: startMonthOption,
+    default: () => past(12 * 30 - 1, "day", true)
+  }
+};
+var YkRangeDateWithVSRange = ({
+  timeType,
+  rangeDate,
+  timeOptions,
+  dateCompare,
+  getPopupContainer,
+  onChange,
+  disabledDate = void 0,
+  presetsOptions = void 0,
+  milestoneFilterType = 1,
+  milestone = [],
+  holidays = [],
+  rangeDisplayLabel
+}) => {
+  const { token } = import_antd.theme.useToken();
+  const hasCustomRangeDisplay = rangeDisplayLabel != null;
+  const [groupOpen, setGroupOpen] = (0, import_react.useState)(false);
+  const [isChange, setIsChange] = (0, import_react.useState)(false);
+  const filterType = milestoneFilterType;
+  const [cacheRangeDate, setCacheRangeDate] = (0, import_react.useState)([null, null]);
+  const [cacheTimeType, setCacheTimeType] = (0, import_react.useState)(timeType);
+  const [groupIndex, setGroupIndex] = (0, import_react.useState)(null);
+  const picker = cacheTimeType && pickerMap[cacheTimeType] ? pickerMap[cacheTimeType] : "date";
+  const options = presetsOptions ? presetsOptions : optionsMap[cacheTimeType] ? optionsMap[cacheTimeType].options : optionsMap["按日"].options;
+  const showProjectNode = (0, import_react.useMemo)(() => {
+    return !timeType.includes("周") && !timeType.includes("月") && !cacheTimeType.includes("周") && !cacheTimeType.includes("月") || cacheTimeType.includes("日");
+  }, [timeType, cacheTimeType]);
+  const timeOptionAnchors = (timeOptions == null ? void 0 : timeOptions.map((v) => {
+    return {
+      key: v,
+      title: v,
+      href: v
+    };
+  })) || [];
+  const initRangeDate = () => {
+    setCacheRangeDate(rangeDate);
+    setCacheTimeType(timeType);
+    setIsChange(false);
+  };
+  (0, import_react.useEffect)(() => {
+    if (groupOpen) {
+      setGroupIndex(
+        (0, import_lodash.findIndex)(options, (item) => {
+          var _a;
+          return (0, import_lodash.isEqual)(
+            (_a = item.value()) == null ? void 0 : _a.map((v) => v == null ? void 0 : v.format("YYYY-MM-DD")),
+            cacheRangeDate == null ? void 0 : cacheRangeDate.map((v) => v == null ? void 0 : v.format("YYYY-MM-DD"))
+          );
+        })
+      );
+    } else if (!isChange) {
+      initRangeDate();
+    }
+  }, [cacheTimeType, groupOpen]);
+  (0, import_react.useEffect)(() => {
+    initRangeDate();
+  }, [rangeDate, timeType]);
+  const customFormat = (value) => {
+    return `${(0, import_dayjs.default)(value).format("YYYY-MM-DD")}`;
+  };
+  const milestoneSelected = (id) => {
+    var _a;
+    const dates = ((_a = milestone.find((m) => m.id === id)) == null ? void 0 : _a.range_day.map((m) => (0, import_dayjs.default)(m))) || [];
+    let [start, end] = dates;
+    if (end > (0, import_dayjs.default)().endOf("day"))
+      end = (0, import_dayjs.default)().endOf("day");
+    setIsChange(true);
+    setCacheRangeDate([start, end]);
+    onChange({
+      rangeDate: [start, end],
+      timeType: cacheTimeType
+    });
+    setGroupOpen(false);
+  };
+  const checkPresets = (v) => {
+    if (cacheRangeDate && (0, import_dayjs.default)(v[0]).format("YYYY-MM-DD") === (0, import_dayjs.default)(cacheRangeDate[0]).format("YYYY-MM-DD") && (0, import_dayjs.default)(v[1]).format("YYYY-MM-DD") === (0, import_dayjs.default)(cacheRangeDate[1]).format("YYYY-MM-DD")) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+  const popoverContent = (event) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          height: 30,
+          lineHeight: "30px",
+          textAlign: "left",
+          color: "#666",
+          padding: "0 10px 0 10px",
+          fontSize: 12
+        }
+      },
+      event.tag + " " + (event.range_day[0] === event.range_day[1] ? event.range_day[0] : event.range_day.join(" ~ "))
+    );
+  };
+  const milestoneListFilter = milestone.filter((f) => f.type === filterType).filter((f) => (0, import_dayjs.default)(f.range_day[0]) <= (0, import_dayjs.default)().endOf("day")).filter((f) => (0, import_dayjs.default)(f.range_day[0]) >= (0, import_dayjs.default)().startOf("year").subtract(1, "year")).sort(
+    (a, b) => (0, import_dayjs.default)(b.range_day[0]).valueOf() - (0, import_dayjs.default)(a.range_day[0]).valueOf()
+  );
+  const milestoneList = /* @__PURE__ */ import_react.default.createElement("div", { className: import_styles.default.milestoneListBox }, milestoneListFilter.map((v) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Popover,
+      {
+        key: v.id,
+        trigger: "hover",
+        placement: "right",
+        zIndex: token.zIndexPopupBase + 120,
+        getPopupContainer: () => document.body,
+        styles: {
+          root: {
+            // width: 200,
+          },
+          body: {
+            borderRadius: 2,
+            padding: 0
+          }
+        },
+        content: popoverContent(v)
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          "data-track": true,
+          id: `milestoneListItem-${v.id}`,
+          key: v.id,
+          className: (0, import_classnames.default)(
+            import_styles.default.milestoneListItem,
+            checkPresets(v.range_day.map((m) => (0, import_dayjs.default)(m))) && import_styles.default.milestoneListActive
+          ),
+          style: {
+            textAlign: "left",
+            padding: "0 10px",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis"
+          },
+          onClick: () => {
+            milestoneSelected(v.id);
+          }
+        },
+        v.tag
+      )
+    );
+  }));
+  const dateGourpRender = (panelNode) => {
+    return /* @__PURE__ */ import_react.default.createElement("div", null, dateCompare && /* @__PURE__ */ import_react.default.createElement("div", { className: import_styles.default.ykRangeDateWithVsHeader }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Anchor,
+      {
+        className: import_styles.default.ykRangeDateWithVsHeaderAnchor,
+        direction: "horizontal",
+        items: timeOptionAnchors,
+        getCurrentAnchor: () => cacheTimeType,
+        onClick: (event, link) => {
+          event.preventDefault();
+          event.stopPropagation();
+          setCacheTimeType(link.href);
+          const defaultFn = optionsMap[link.href] ? optionsMap[link.href].default : optionsMap["按日"].default;
+          setCacheRangeDate(defaultFn());
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, null, milestoneListFilter && milestoneListFilter.length > 0 && showProjectNode ? /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(import_styles.default.milestoneList, "scroll-reset") }, milestoneList) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: import_styles.default.ykRangeDateWithVsGroup }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_styles.default.ykRangeDateWithVsPanel }, panelNode))));
+  };
+  let hasSelect = false;
+  if (milestoneListFilter && milestoneListFilter.length > 0) {
+    milestoneListFilter.forEach((item) => {
+      if (checkPresets(item.range_day.map((m) => (0, import_dayjs.default)(m))) && picker === "date" && showProjectNode) {
+        hasSelect = true;
+      }
+    });
+  }
+  const presetsNode = options.map((v, i) => {
+    return {
+      label: /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            "ant-picker-presets-li",
+            groupIndex === i && !hasSelect && "ant-picker-presets-li-item"
+          ),
+          onClick: () => {
+            setGroupIndex(i);
+          }
+        },
+        v.label
+      ),
+      value: v.value
+    };
+  });
+  const resolvePopupContainer = getPopupContainer ?? (() => document.body);
+  const dateTags = (milestoneListFilter || []).concat(holidays || []).map((m) => {
+    return {
+      ...m,
+      date: m.range_day[0]
+    };
+  });
+  const dateTagsMap = {};
+  dateTags.forEach((m) => {
+    if (dateTagsMap[m.date]) {
+      dateTagsMap[m.date].push(m);
+    } else {
+      dateTagsMap[m.date] = [m];
+    }
+  });
+  const eventsTooltips = (date) => {
+    const dateStr = (0, import_dayjs.default)(date).format("YYYY-MM-DD");
+    const tags = dateTagsMap[dateStr] || [];
+    const lastTag = tags.length > 0 ? tags.reduce(
+      (prev, curr) => (0, import_dayjs.default)(prev.created_at).isAfter((0, import_dayjs.default)(curr.created_at)) ? prev : curr
+    ) : null;
+    return lastTag ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Tooltip,
+      {
+        placement: "right",
+        title: lastTag.tag + " " + (lastTag.range_day[0] === lastTag.range_day[1] ? lastTag.range_day[0] : lastTag.range_day.join(" ~ ")),
+        color: "#fff",
+        styles: {
+          root: {
+            maxWidth: 270
+          },
+          body: {
+            borderRadius: 2,
+            color: "#666"
+          }
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { key: lastTag.id, className: import_styles.default.ykRangeDateWithVsTag }, lastTag.tag)
+    ) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+  };
+  const cellRender = (current, info) => {
+    if (info.type !== "date") {
+      return info.originNode;
+    }
+    if (typeof current === "number" || typeof current === "string") {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "ant-picker-cell-inner" }, current);
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("ant-picker-cell-inner"),
+        style: { width: 45, height: 40, lineHeight: holidays && holidays.length > 0 ? "26px" : "40px", fontSize: 12 }
+      },
+      current.date(),
+      holidays && holidays.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            bottom: 2,
+            height: 16,
+            width: "100%",
+            fontSize: "12px",
+            lineHeight: "16px",
+            whiteSpace: "nowrap"
+          }
+        },
+        eventsTooltips(current)
+      )
+    );
+  };
+  const rangePicker = /* @__PURE__ */ import_react.default.createElement(
+    import_antd.DatePicker.RangePicker,
+    {
+      id: "ykRangeDateWithVsRange",
+      classNames: {
+        popup: {
+          root: import_styles.default.globalItemDatePanel
+        }
+      },
+      styles: {
+        root: {
+          opacity: hasCustomRangeDisplay ? 0 : 1
+        }
+      },
+      getPopupContainer: resolvePopupContainer,
+      disabledDate: disabledDate ? disabledDate : (current) => {
+        return current && current > (0, import_dayjs.default)().endOf("day");
+      },
+      inputReadOnly: hasCustomRangeDisplay,
+      open: groupOpen,
+      picker,
+      cellRender,
+      value: cacheRangeDate,
+      panelRender: dateGourpRender,
+      presets: presetsNode,
+      variant: "borderless",
+      allowClear: false,
+      format: customFormat,
+      showWeek: false,
+      separator: "~",
+      className: import_styles.default.globalItemDate,
+      suffixIcon: false,
+      onCalendarChange: (dates) => {
+        if (!dates)
+          return;
+        const [v0, v1] = dates;
+        setIsChange(true);
+        const start = v0 ? v0.startOf(picker) : null;
+        let end = null;
+        if (v1) {
+          const endRaw = v1.endOf(picker);
+          end = endRaw > (0, import_dayjs.default)() ? (0, import_dayjs.default)() : endRaw;
+        }
+        setCacheRangeDate([start, end]);
+      },
+      onChange: (val) => {
+        if (!val || !val[0] && !val[1]) {
+          setIsChange(true);
+          setCacheRangeDate([null, null]);
+          onChange({
+            rangeDate: [null, null],
+            timeType: cacheTimeType
+          });
+          return;
+        }
+        const [v0, v1] = val;
+        if (v0 && !v1) {
+          setIsChange(true);
+          setCacheRangeDate([v0.startOf(picker), null]);
+          return;
+        }
+        if (!v0 && v1) {
+          setIsChange(true);
+          const end2 = v1.endOf(picker) > (0, import_dayjs.default)() ? (0, import_dayjs.default)() : v1.endOf(picker);
+          setCacheRangeDate([null, end2]);
+          return;
+        }
+        const start = v0.startOf(picker);
+        const end = v1.endOf(picker) > (0, import_dayjs.default)() ? (0, import_dayjs.default)() : v1.endOf(picker);
+        setIsChange(true);
+        setCacheRangeDate([start, end]);
+        onChange({
+          rangeDate: [start, end],
+          timeType: cacheTimeType
+        });
+      },
+      onOpenChange: (open) => {
+        setGroupOpen(open);
+      }
+    }
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(import_styles.default.globalMl, import_styles.default.globalItem) }, dateCompare && !!options.length && /* @__PURE__ */ import_react.default.createElement("label", { onClick: () => setGroupOpen(true), className: import_styles.default.globalItemDateTerm }, /* @__PURE__ */ import_react.default.createElement("span", { style: { marginRight: "5px", fontSize: 14 } }, timeType), /* @__PURE__ */ import_react.default.createElement("i", { style: { marginRight: "10px" }, className: (0, import_classnames.default)("iconfont icon-xiala1") })), /* @__PURE__ */ import_react.default.createElement("i", { className: itemCheckIconClass("icon-riqi1"), style: { fontSize: 14 } }), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.ConfigProvider,
+    {
+      theme: {
+        components: {
+          DatePicker: {
+            cellWidth: 60,
+            cellHeight: 40,
+            timeColumnWidth: 40
+          }
+        },
+        token: {}
+      }
+    },
+    hasCustomRangeDisplay ? /* @__PURE__ */ import_react.default.createElement("div", { className: import_styles.default.rangePickerCustomDisplay }, /* @__PURE__ */ import_react.default.createElement("span", { className: import_styles.default.rangePickerCustomDisplayLabel }, rangeDisplayLabel), rangePicker) : rangePicker
+  ));
+};
+var YkRangeDateWithVSRange_default = YkRangeDateWithVSRange;
+//# sourceMappingURL=YkRangeDateWithVSRange.js.map