@nutui/nutui 3.1.22 → 3.1.23-beta.0

package/dist/packages/_es/index5.js

@@ -1,174 +1,790 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as t, computed as e, reactive as a, watch as r, toRefs as n, openBlock as l, createElementBlock as o, normalizeClass as s, createElementVNode as c, toDisplayString as u, createCommentVNode as i, renderSlot as D, Fragment as h, renderList as p, normalizeStyle as m, createTextVNode as d } from "vue";
-import { c as y } from "./component.js";
-import { r as f } from "./raf.js";
-import { u as g } from "./index3.js";
-import { _ as w } from "./plugin-vue_export-helper.js";
-const v = { isLeapYear: function(t2) {
-  return t2 % 4 == 0 && t2 % 100 != 0 || t2 % 400 == 0;
-}, getWhatDay: function(t2, e2, a2) {
-  return ["\u661F\u671F\u65E5", "\u661F\u671F\u4E00", "\u661F\u671F\u4E8C", "\u661F\u671F\u4E09", "\u661F\u671F\u56DB", "\u661F\u671F\u4E94", "\u661F\u671F\u516D"][new Date(t2 + "/" + e2 + "/" + a2).getDay()];
-}, getMonthPreDay: function(t2, e2) {
-  let a2 = new Date(t2 + "/" + e2 + "/01").getDay();
-  return a2 == 0 && (a2 = 7), a2;
-}, getMonthDays: function(t2, e2) {
-  return /^0/.test(e2) && (e2 = e2.split("")[1]), [0, 31, this.isLeapYear(Number(t2)) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][e2];
-}, getNumTwoBit: function(t2) {
-  return ((t2 = Number(t2)) > 9 ? "" : "0") + t2;
-}, date2Str: function(t2, e2) {
-  e2 = e2 || "-";
-  return [t2.getFullYear(), this.getNumTwoBit(t2.getMonth() + 1), this.getNumTwoBit(t2.getDate())].join(e2);
-}, getDay: function(t2) {
-  t2 = t2 || 0;
-  let e2 = new Date();
-  const a2 = 864e5 * t2;
-  return e2 = new Date(e2.getTime() + a2), this.date2Str(e2);
-}, compareDate: function(t2, e2) {
-  return !(new Date(t2.replace("-", "/").replace("-", "/")) >= new Date(e2.replace("-", "/").replace("-", "/")));
-}, isEqual: function(t2, e2) {
-  return new Date(t2).getTime() == new Date(e2).getTime();
-} }, { create: T, translate: S } = y("calendar-item"), b = T({ props: { type: { type: String, default: "one" }, isAutoBackFill: { type: Boolean, default: false }, toDateAnimation: { type: Boolean, default: true }, poppable: { type: Boolean, default: true }, showTitle: { type: Boolean, default: true }, showSubTitle: { type: Boolean, default: true }, showToday: { type: Boolean, default: true }, title: { type: String, default: "" }, confirmText: { type: String, default: "" }, startText: { type: String, default: "" }, endText: { type: String, default: "" }, defaultValue: { type: [String, Array], default: null }, startDate: { type: String, default: v.getDay(0) }, endDate: { type: String, default: v.getDay(365) } }, emits: ["choose", "update", "close", "select"], setup(l2, { emit: o2, slots: s2 }) {
-  const c2 = t(S("weekdays")), u2 = t(null), i2 = t(null), D2 = t(null), h2 = t(null), p2 = t(0), m2 = e(() => T2.monthsData.slice(T2.defaultRange[0], T2.defaultRange[1])), d2 = e(() => s2.btn), y2 = e(() => s2.topInfo), w2 = e(() => s2.bottomInfo), T2 = a({ yearMonthTitle: "", defaultRange: [], currDate: "", propStartDate: "", propEndDate: "", unLoadPrev: false, touchParams: { startY: 0, endY: 0, startTime: 0, endTime: 0, lastY: 0, lastTime: 0 }, transformY: 0, translateY: 0, scrollDistance: 0, defaultData: [], chooseData: [], monthsData: [], dayPrefix: "calendar-month-day", startData: "", endData: "", isRange: l2.type === "range", timer: 0, currentIndex: 0, avgHeight: 0, monthsNum: 0 }), b2 = (t2) => t2.split("-"), x2 = (t2) => v.isEqual(T2.currDate[0], t2), $2 = (t2) => v.isEqual(T2.currDate[1], t2), k2 = (t2, e2) => e2.curData[0] + "-" + e2.curData[1] + "-" + v.getNumTwoBit(+t2.day), A2 = (t2, e2) => {
-    const a2 = k2(t2, e2), { type: r2 } = l2;
-    return t2.type == "curr" ? v.isEqual(T2.currDate, a2) || r2 == "range" && (x2(a2) || $2(a2)) || r2 == "multiple" && ((t3) => T2.currDate.length > 0 && T2.currDate.some((e3) => v.isEqual(e3, t3)))(a2) ? `${T2.dayPrefix}-active` : T2.propStartDate && v.compareDate(a2, T2.propStartDate) || T2.propEndDate && v.compareDate(T2.propEndDate, a2) ? `${T2.dayPrefix}-disabled` : r2 == "range" && Array.isArray(T2.currDate) && Object.values(T2.currDate).length == 2 && v.compareDate(T2.currDate[0], a2) && v.compareDate(a2, T2.currDate[1]) ? `${T2.dayPrefix}-choose` : null : `${T2.dayPrefix}-disabled`;
-  }, H2 = () => {
-    const { type: t2 } = l2;
-    if (t2 == "range" && T2.chooseData.length == 2 || t2 != "range") {
-      let t3 = T2.chooseData.slice(0);
-      o2("choose", t3), l2.poppable && o2("update");
+import { ref, computed, reactive, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { r as requestAniFrame } from "./raf.js";
+import { u as useExpose } from "./index3.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const Utils = {
+  isLeapYear: function(y) {
+    return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
+  },
+  getWhatDay: function(year, month, day) {
+    const date = new Date(year + "/" + month + "/" + day);
+    const index = date.getDay();
+    const dayNames = [
+      "\u661F\u671F\u65E5",
+      "\u661F\u671F\u4E00",
+      "\u661F\u671F\u4E8C",
+      "\u661F\u671F\u4E09",
+      "\u661F\u671F\u56DB",
+      "\u661F\u671F\u4E94",
+      "\u661F\u671F\u516D"
+    ];
+    return dayNames[index];
+  },
+  getMonthPreDay: function(year, month) {
+    const date = new Date(year + "/" + month + "/01");
+    let day = date.getDay();
+    if (day == 0) {
+      day = 7;
     }
-  }, I2 = (t2, e2, a2) => {
-    if (A2(t2, e2) != `${T2.dayPrefix}-disabled`) {
-      const { type: r2 } = l2;
-      let n2 = [...e2.curData];
-      if (n2[2] = typeof t2.day == "number" ? v.getNumTwoBit(t2.day) : t2.day, n2[3] = `${n2[0]}-${n2[1]}-${n2[2]}`, n2[4] = v.getWhatDay(+n2[0], +n2[1], +n2[2]), r2 == "multiple")
-        if (T2.currDate.length > 0) {
-          let t3 = "";
-          T2.currDate.forEach((e3, a3) => {
-            e3 == n2[3] && (t3 = a3);
-          }), a2 ? T2.chooseData.push([...n2]) : t3 !== "" ? (T2.currDate.splice(t3, 1), T2.chooseData.splice(t3, 1)) : (T2.currDate.push(n2[3]), T2.chooseData.push([...n2]));
-        } else
-          T2.currDate = [n2[3]], T2.chooseData = [[...n2]];
-      else if (r2 == "range") {
-        let t3 = Object.values(T2.currDate).length;
-        t3 == 2 || t3 == 0 ? T2.currDate = [n2[3]] : v.compareDate(T2.currDate[0], n2[3]) ? Array.isArray(T2.currDate) && T2.currDate.push(n2[3]) : Array.isArray(T2.currDate) && T2.currDate.unshift(n2[3]), T2.chooseData.length != 2 && T2.chooseData.length ? v.compareDate(T2.chooseData[0][3], n2[3]) ? T2.chooseData = [...T2.chooseData, [...n2]] : T2.chooseData = [[...n2], ...T2.chooseData] : T2.chooseData = [[...n2]];
-      } else
-        T2.currDate = n2[3], T2.chooseData = [...n2];
-      a2 || (o2("select", T2.chooseData), !l2.isAutoBackFill && l2.poppable || H2());
+    return day;
+  },
+  getMonthDays: function(year, month) {
+    if (/^0/.test(month)) {
+      month = month.split("")[1];
     }
-  }, E2 = (t2) => {
-    const e2 = t2 == "prev" ? T2.monthsData[0] : T2.monthsData[T2.monthsData.length - 1];
-    let a2 = parseInt(e2.curData[0]), r2 = parseInt(e2.curData[1].toString().replace(/^0/, ""));
-    switch (t2) {
-      case "prev":
-        r2 == 1 && (a2 -= 1), r2 = r2 == 1 ? 12 : --r2;
-        break;
-      case "next":
-        r2 == 12 && (a2 += 1), r2 = r2 == 12 ? 1 : ++r2;
+    return [
+      0,
+      31,
+      this.isLeapYear(Number(year)) ? 29 : 28,
+      31,
+      30,
+      31,
+      30,
+      31,
+      31,
+      30,
+      31,
+      30,
+      31
+    ][month];
+  },
+  getNumTwoBit: function(n) {
+    n = Number(n);
+    return (n > 9 ? "" : "0") + n;
+  },
+  date2Str: function(date, split) {
+    split = split || "-";
+    const y = date.getFullYear();
+    const m = this.getNumTwoBit(date.getMonth() + 1);
+    const d = this.getNumTwoBit(date.getDate());
+    return [y, m, d].join(split);
+  },
+  getDay: function(i) {
+    i = i || 0;
+    let date = new Date();
+    const diff = i * (1e3 * 60 * 60 * 24);
+    date = new Date(date.getTime() + diff);
+    return this.date2Str(date);
+  },
+  compareDate: function(date1, date2) {
+    const startTime = new Date(date1.replace("-", "/").replace("-", "/"));
+    const endTime = new Date(date2.replace("-", "/").replace("-", "/"));
+    if (startTime >= endTime) {
+      return false;
     }
-    return [a2, v.getNumTwoBit(r2), v.getMonthDays(String(a2), String(r2))];
-  }, B2 = (t2, e2, a2) => {
-    let { year: r2, month: n2 } = a2;
-    return e2 == "prev" && t2 >= 7 && (t2 -= 7), Array.from(Array(t2), (t3, a3) => ({ day: a3 + 1, type: e2, year: r2, month: n2 }));
-  }, N2 = (t2, e2, a2, r2) => {
-    let { year: n2, month: l3 } = a2;
-    return e2 == "prev" && t2 >= 7 && (t2 -= 7), Array.from(Array(r2), (t3, a3) => ({ day: a3 + 1, type: e2, year: n2, month: l3 })).slice(r2 - t2);
-  }, P2 = (t2, e2) => {
-    const a2 = v.getMonthPreDay(+t2[0], +t2[1]);
-    let r2 = t2[1] - 1, n2 = t2[0];
-    r2 <= 0 && (r2 = 12, n2 += 1);
-    const l3 = v.getMonthDays(t2[0], t2[1]), o3 = v.getMonthDays(n2 + "", r2 + ""), s3 = { year: t2[0], month: t2[1] }, c3 = { curData: t2, title: S("monthTitle", s3.year, s3.month), monthData: [...N2(a2, "prev", { month: r2, year: n2 }, o3), ...B2(l3, "curr", s3)] };
-    c3.cssHeight = 39 + (c3.monthData.length > 35 ? 384 : 320);
-    let u3 = 0;
-    T2.monthsData.length > 0 && (u3 = T2.monthsData[T2.monthsData.length - 1].cssScrollHeight + T2.monthsData[T2.monthsData.length - 1].cssHeight), c3.cssScrollHeight = u3, e2 == "next" ? T2.endData && v.compareDate(`${T2.endData[0]}-${T2.endData[1]}-${v.getMonthDays(T2.endData[0], T2.endData[1])}`, `${t2[0]}-${t2[1]}-${t2[2]}`) || T2.monthsData.push(c3) : T2.startData && v.compareDate(`${t2[0]}-${t2[1]}-${t2[2]}`, `${T2.startData[0]}-${T2.startData[1]}-01`) ? T2.unLoadPrev = true : T2.monthsData.unshift(c3);
-  }, M2 = () => {
-    let t2 = l2.startDate ? l2.startDate : v.getDay(0), e2 = l2.endDate ? l2.endDate : v.getDay(365);
-    T2.propStartDate = t2, T2.propEndDate = e2, T2.startData = b2(t2), T2.endData = b2(e2), (l2.defaultValue || Array.isArray(l2.defaultValue) && l2.defaultValue.length > 0) && (T2.currDate = l2.type != "one" ? [...l2.defaultValue] : l2.defaultValue);
-    const a2 = Number(T2.startData[0]), r2 = Number(T2.startData[1]), n2 = Number(T2.endData[0]);
-    let o3 = Number(T2.endData[1]) - r2;
-    n2 - a2 > 0 && (o3 += 12 * (n2 - a2)), o3 <= 0 && (o3 = 1), P2(T2.startData, "next");
-    let s3 = 1;
-    do {
-      P2(E2("next"), "next");
-    } while (s3++ < o3);
-    if (T2.monthsNum = o3, l2.type == "range" && Array.isArray(T2.currDate))
-      T2.currDate.length > 0 && (t2 && v.compareDate(T2.currDate[0], t2) && T2.currDate.splice(0, 1, t2), e2 && v.compareDate(e2, T2.currDate[1]) && T2.currDate.splice(1, 1, e2), T2.defaultData = [...b2(T2.currDate[0]), ...b2(T2.currDate[1])]);
-    else if (l2.type == "multiple" && Array.isArray(T2.currDate)) {
-      if (T2.currDate.length > 0) {
-        let a3 = [], r3 = {};
-        T2.currDate.forEach((n3, l3) => {
-          t2 && !v.compareDate(n3, t2) && e2 && !v.compareDate(e2, n3) && (r3.hasOwnProperty(n3) || (a3.push(n3), r3[n3] = n3));
-        }), T2.currDate = [...a3], T2.defaultData = [...b2(a3[0])];
-      }
-    } else
-      T2.currDate && (t2 && v.compareDate(T2.currDate, t2) ? T2.currDate = t2 : e2 && !v.compareDate(T2.currDate, e2) && (T2.currDate = e2), T2.defaultData = [...b2(T2.currDate)]);
-    let c3 = 0, D3 = 0;
-    T2.defaultData.length > 0 && T2.monthsData.forEach((t3, e3) => {
-      t3.title == S("monthTitle", T2.defaultData[0], T2.defaultData[1]) && (c3 = e3), l2.type == "range" && t3.title == S("monthTitle", T2.defaultData[3], T2.defaultData[4]) && (D3 = e3);
-    }), Y2(o3, c3), T2.currentIndex = c3, T2.yearMonthTitle = T2.monthsData[T2.currentIndex].title, T2.defaultData.length > 0 && (l2.type == "range" ? (I2({ day: T2.defaultData[2], type: "curr" }, T2.monthsData[T2.currentIndex], true), I2({ day: T2.defaultData[5], type: "curr" }, T2.monthsData[D3], true)) : l2.type == "multiple" ? [...T2.currDate].forEach((t3) => {
-      let e3 = b2(t3), a3 = T2.currentIndex;
-      T2.monthsData.forEach((t4, r3) => {
-        t4.title == S("monthTitle", e3[0], e3[1]) && (a3 = r3);
-      }), I2({ day: e3[2], type: "curr" }, T2.monthsData[a3], true);
-    }) : I2({ day: T2.defaultData[2], type: "curr" }, T2.monthsData[T2.currentIndex], true));
-    let m3 = T2.monthsData[T2.monthsData.length - 1], d3 = m3.cssHeight + m3.cssScrollHeight;
-    f(() => {
-      (u2 == null ? void 0 : u2.value) && (i2 == null ? void 0 : i2.value) && (h2 == null ? void 0 : h2.value) && (p2.value = u2.value.clientHeight, i2.value.style.height = `${d3}px`, u2.value.scrollTop = T2.monthsData[T2.currentIndex].cssScrollHeight);
-    }), T2.avgHeight = Math.floor(d3 / (o3 + 1));
-  };
-  g({ scrollToDate: (t2) => {
-    v.compareDate(t2, T2.propStartDate) ? t2 = T2.propStartDate : v.compareDate(t2, T2.propEndDate) || (t2 = T2.propEndDate);
-    let e2 = b2(t2);
-    T2.monthsData.forEach((t3, a2) => {
-      if (t3.title == S("monthTitle", e2[0], e2[1]) && u2.value) {
-        let t4 = T2.monthsData[a2].cssScrollHeight - u2.value.scrollTop;
-        if (l2.toDateAnimation) {
-          let e3 = 0, r2 = setInterval(() => {
-            if (e3++, u2.value) {
-              let e4 = t4 / 10;
-              u2.value.scrollTop = u2.value.scrollTop + e4;
+    return true;
+  },
+  isEqual: function(date1, date2) {
+    const startTime = new Date(date1).getTime();
+    const endTime = new Date(date2).getTime();
+    if (startTime == endTime) {
+      return true;
+    }
+    return false;
+  }
+};
+const { create, translate } = createComponent("calendar-item");
+const _sfc_main = create({
+  props: {
+    type: {
+      type: String,
+      default: "one"
+    },
+    isAutoBackFill: {
+      type: Boolean,
+      default: false
+    },
+    toDateAnimation: {
+      type: Boolean,
+      default: true
+    },
+    poppable: {
+      type: Boolean,
+      default: true
+    },
+    showTitle: {
+      type: Boolean,
+      default: true
+    },
+    showSubTitle: {
+      type: Boolean,
+      default: true
+    },
+    showToday: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    confirmText: {
+      type: String,
+      default: ""
+    },
+    startText: {
+      type: String,
+      default: ""
+    },
+    endText: {
+      type: String,
+      default: ""
+    },
+    defaultValue: {
+      type: [String, Array],
+      default: null
+    },
+    startDate: {
+      type: String,
+      default: Utils.getDay(0)
+    },
+    endDate: {
+      type: String,
+      default: Utils.getDay(365)
+    }
+  },
+  emits: ["choose", "update", "close", "select"],
+  setup(props, { emit, slots }) {
+    const weeks = ref(translate("weekdays"));
+    const months = ref(null);
+    const monthsPanel = ref(null);
+    const weeksPanel = ref(null);
+    const viewArea = ref(null);
+    const viewHeight = ref(0);
+    const compConthsData = computed(() => {
+      return state.monthsData.slice(state.defaultRange[0], state.defaultRange[1]);
+    });
+    const showTopBtn = computed(() => {
+      return slots.btn;
+    });
+    const topInfo = computed(() => {
+      return slots.topInfo;
+    });
+    const bottomInfo = computed(() => {
+      return slots.bottomInfo;
+    });
+    const state = reactive({
+      yearMonthTitle: "",
+      defaultRange: [],
+      currDate: "",
+      propStartDate: "",
+      propEndDate: "",
+      unLoadPrev: false,
+      touchParams: {
+        startY: 0,
+        endY: 0,
+        startTime: 0,
+        endTime: 0,
+        lastY: 0,
+        lastTime: 0
+      },
+      transformY: 0,
+      translateY: 0,
+      scrollDistance: 0,
+      defaultData: [],
+      chooseData: [],
+      monthsData: [],
+      dayPrefix: "calendar-month-day",
+      startData: "",
+      endData: "",
+      isRange: props.type === "range",
+      timer: 0,
+      currentIndex: 0,
+      avgHeight: 0,
+      monthsNum: 0
+    });
+    const splitDate = (date) => {
+      return date.split("-");
+    };
+    const isStart = (currDate) => {
+      return Utils.isEqual(state.currDate[0], currDate);
+    };
+    const isEnd = (currDate) => {
+      return Utils.isEqual(state.currDate[1], currDate);
+    };
+    const isMultiple = (currDate) => {
+      if (state.currDate.length > 0) {
+        return state.currDate.some((item) => {
+          return Utils.isEqual(item, currDate);
+        });
+      } else {
+        return false;
+      }
+    };
+    const getCurrDate = (day, month) => {
+      return month.curData[0] + "-" + month.curData[1] + "-" + Utils.getNumTwoBit(+day.day);
+    };
+    const getClass = (day, month) => {
+      const currDate = getCurrDate(day, month);
+      const { type } = props;
+      if (day.type == "curr") {
+        if (Utils.isEqual(state.currDate, currDate) || type == "range" && (isStart(currDate) || isEnd(currDate)) || type == "multiple" && isMultiple(currDate)) {
+          return `${state.dayPrefix}-active`;
+        } else if (state.propStartDate && Utils.compareDate(currDate, state.propStartDate) || state.propEndDate && Utils.compareDate(state.propEndDate, currDate)) {
+          return `${state.dayPrefix}-disabled`;
+        } else if (type == "range" && Array.isArray(state.currDate) && Object.values(state.currDate).length == 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
+          return `${state.dayPrefix}-choose`;
+        } else {
+          return null;
+        }
+      } else {
+        return `${state.dayPrefix}-disabled`;
+      }
+    };
+    const confirm = () => {
+      const { type } = props;
+      if (type == "range" && state.chooseData.length == 2 || type != "range") {
+        let chooseData = state.chooseData.slice(0);
+        emit("choose", chooseData);
+        if (props.poppable) {
+          emit("update");
+        }
+      }
+    };
+    const chooseDay = (day, month, isFirst) => {
+      if (getClass(day, month) != `${state.dayPrefix}-disabled`) {
+        const { type } = props;
+        let days = [...month.curData];
+        days[2] = typeof day.day == "number" ? Utils.getNumTwoBit(day.day) : day.day;
+        days[3] = `${days[0]}-${days[1]}-${days[2]}`;
+        days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
+        if (type == "multiple") {
+          if (state.currDate.length > 0) {
+            let hasIndex = "";
+            state.currDate.forEach((item, index) => {
+              if (item == days[3]) {
+                hasIndex = index;
+              }
+            });
+            if (isFirst) {
+              state.chooseData.push([...days]);
+            } else {
+              if (hasIndex !== "") {
+                state.currDate.splice(hasIndex, 1);
+                state.chooseData.splice(hasIndex, 1);
+              } else {
+                state.currDate.push(days[3]);
+                state.chooseData.push([...days]);
+              }
             }
-            e3 >= 10 && (clearInterval(r2), u2.value && (u2.value.scrollTop = T2.monthsData[a2].cssScrollHeight));
-          }, 40);
-        } else
-          u2.value.scrollTop = T2.monthsData[a2].cssScrollHeight;
+          } else {
+            state.currDate = [days[3]];
+            state.chooseData = [[...days]];
+          }
+        } else if (type == "range") {
+          let curDataLength = Object.values(state.currDate).length;
+          if (curDataLength == 2 || curDataLength == 0) {
+            state.currDate = [days[3]];
+          } else {
+            if (Utils.compareDate(state.currDate[0], days[3])) {
+              Array.isArray(state.currDate) && state.currDate.push(days[3]);
+            } else {
+              Array.isArray(state.currDate) && state.currDate.unshift(days[3]);
+            }
+          }
+          if (state.chooseData.length == 2 || !state.chooseData.length) {
+            state.chooseData = [[...days]];
+          } else {
+            if (Utils.compareDate(state.chooseData[0][3], days[3])) {
+              state.chooseData = [...state.chooseData, [...days]];
+            } else {
+              state.chooseData = [[...days], ...state.chooseData];
+            }
+          }
+        } else {
+          state.currDate = days[3];
+          state.chooseData = [...days];
+        }
+        if (!isFirst) {
+          emit("select", state.chooseData);
+          if (props.isAutoBackFill || !props.poppable) {
+            confirm();
+          }
+        }
+      }
+    };
+    const getCurrData = (type) => {
+      const monthData = type == "prev" ? state.monthsData[0] : state.monthsData[state.monthsData.length - 1];
+      let year = parseInt(monthData.curData[0]);
+      let month = parseInt(monthData.curData[1].toString().replace(/^0/, ""));
+      switch (type) {
+        case "prev":
+          month == 1 && (year -= 1);
+          month = month == 1 ? 12 : --month;
+          break;
+        case "next":
+          month == 12 && (year += 1);
+          month = month == 12 ? 1 : ++month;
+          break;
+      }
+      return [year, Utils.getNumTwoBit(month), Utils.getMonthDays(String(year), String(month))];
+    };
+    const getDaysStatus = (days, type, dateInfo) => {
+      let { year, month } = dateInfo;
+      if (type == "prev" && days >= 7) {
+        days -= 7;
+      }
+      return Array.from(Array(days), (v, k) => {
+        return {
+          day: k + 1,
+          type,
+          year,
+          month
+        };
+      });
+    };
+    const getPreDaysStatus = (days, type, dateInfo, preCurrMonthDays) => {
+      let { year, month } = dateInfo;
+      if (type == "prev" && days >= 7) {
+        days -= 7;
+      }
+      let months2 = Array.from(Array(preCurrMonthDays), (v, k) => {
+        return {
+          day: k + 1,
+          type,
+          year,
+          month
+        };
+      });
+      return months2.slice(preCurrMonthDays - days);
+    };
+    const getMonth = (curData, type) => {
+      const preMonthDays = Utils.getMonthPreDay(+curData[0], +curData[1]);
+      let preMonth = curData[1] - 1;
+      let preYear = curData[0];
+      if (preMonth <= 0) {
+        preMonth = 12;
+        preYear += 1;
+      }
+      const currMonthDays = Utils.getMonthDays(curData[0], curData[1]);
+      const preCurrMonthDays = Utils.getMonthDays(preYear + "", preMonth + "");
+      const title = {
+        year: curData[0],
+        month: curData[1]
+      };
+      const monthInfo = {
+        curData,
+        title: translate("monthTitle", title.year, title.month),
+        monthData: [
+          ...getPreDaysStatus(preMonthDays, "prev", { month: preMonth, year: preYear }, preCurrMonthDays),
+          ...getDaysStatus(currMonthDays, "curr", title)
+        ]
+      };
+      monthInfo.cssHeight = 39 + (monthInfo.monthData.length > 35 ? 384 : 320);
+      let cssScrollHeight = 0;
+      if (state.monthsData.length > 0) {
+        cssScrollHeight = state.monthsData[state.monthsData.length - 1].cssScrollHeight + state.monthsData[state.monthsData.length - 1].cssHeight;
+      }
+      monthInfo.cssScrollHeight = cssScrollHeight;
+      if (type == "next") {
+        if (!state.endData || !Utils.compareDate(`${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(state.endData[0], state.endData[1])}`, `${curData[0]}-${curData[1]}-${curData[2]}`)) {
+          state.monthsData.push(monthInfo);
+        }
+      } else {
+        if (!state.startData || !Utils.compareDate(`${curData[0]}-${curData[1]}-${curData[2]}`, `${state.startData[0]}-${state.startData[1]}-01`)) {
+          state.monthsData.unshift(monthInfo);
+        } else {
+          state.unLoadPrev = true;
+        }
+      }
+    };
+    const initData = () => {
+      let propStartDate = props.startDate ? props.startDate : Utils.getDay(0);
+      let propEndDate = props.endDate ? props.endDate : Utils.getDay(365);
+      state.propStartDate = propStartDate;
+      state.propEndDate = propEndDate;
+      state.startData = splitDate(propStartDate);
+      state.endData = splitDate(propEndDate);
+      if (props.defaultValue || Array.isArray(props.defaultValue) && props.defaultValue.length > 0) {
+        state.currDate = props.type != "one" ? [...props.defaultValue] : props.defaultValue;
       }
+      const startDate = {
+        year: Number(state.startData[0]),
+        month: Number(state.startData[1])
+      };
+      const endDate = {
+        year: Number(state.endData[0]),
+        month: Number(state.endData[1])
+      };
+      let monthsNum = endDate.month - startDate.month;
+      if (endDate.year - startDate.year > 0) {
+        monthsNum = monthsNum + 12 * (endDate.year - startDate.year);
+      }
+      if (monthsNum <= 0) {
+        monthsNum = 1;
+      }
+      getMonth(state.startData, "next");
+      let i = 1;
+      do {
+        getMonth(getCurrData("next"), "next");
+      } while (i++ < monthsNum);
+      state.monthsNum = monthsNum;
+      if (props.type == "range" && Array.isArray(state.currDate)) {
+        if (state.currDate.length > 0) {
+          if (propStartDate && Utils.compareDate(state.currDate[0], propStartDate)) {
+            state.currDate.splice(0, 1, propStartDate);
+          }
+          if (propEndDate && Utils.compareDate(propEndDate, state.currDate[1])) {
+            state.currDate.splice(1, 1, propEndDate);
+          }
+          state.defaultData = [...splitDate(state.currDate[0]), ...splitDate(state.currDate[1])];
+        }
+      } else if (props.type == "multiple" && Array.isArray(state.currDate)) {
+        if (state.currDate.length > 0) {
+          let defaultArr = [];
+          let obj = {};
+          state.currDate.forEach((item, index) => {
+            if (propStartDate && !Utils.compareDate(item, propStartDate) && propEndDate && !Utils.compareDate(propEndDate, item)) {
+              if (!obj.hasOwnProperty(item)) {
+                defaultArr.push(item);
+                obj[item] = item;
+              }
+            }
+          });
+          state.currDate = [...defaultArr];
+          state.defaultData = [...splitDate(defaultArr[0])];
+        }
+      } else {
+        if (state.currDate) {
+          if (propStartDate && Utils.compareDate(state.currDate, propStartDate)) {
+            state.currDate = propStartDate;
+          } else if (propEndDate && !Utils.compareDate(state.currDate, propEndDate)) {
+            state.currDate = propEndDate;
+          }
+          state.defaultData = [...splitDate(state.currDate)];
+        }
+      }
+      let current = 0;
+      let lastCurrent = 0;
+      if (state.defaultData.length > 0) {
+        state.monthsData.forEach((item, index) => {
+          if (item.title == translate("monthTitle", state.defaultData[0], state.defaultData[1])) {
+            current = index;
+          }
+          if (props.type == "range") {
+            if (item.title == translate("monthTitle", state.defaultData[3], state.defaultData[4])) {
+              lastCurrent = index;
+            }
+          }
+        });
+      }
+      setDefaultRange(monthsNum, current);
+      state.currentIndex = current;
+      state.yearMonthTitle = state.monthsData[state.currentIndex].title;
+      if (state.defaultData.length > 0) {
+        if (props.type == "range") {
+          chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[state.currentIndex], true);
+          chooseDay({ day: state.defaultData[5], type: "curr" }, state.monthsData[lastCurrent], true);
+        } else if (props.type == "multiple") {
+          [...state.currDate].forEach((item) => {
+            let dateArr = splitDate(item);
+            let current2 = state.currentIndex;
+            state.monthsData.forEach((item2, index) => {
+              if (item2.title == translate("monthTitle", dateArr[0], dateArr[1])) {
+                current2 = index;
+              }
+            });
+            chooseDay({ day: dateArr[2], type: "curr" }, state.monthsData[current2], true);
+          });
+        } else {
+          chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[state.currentIndex], true);
+        }
+      }
+      let lastItem = state.monthsData[state.monthsData.length - 1];
+      let containerHeight = lastItem.cssHeight + lastItem.cssScrollHeight;
+      requestAniFrame(() => {
+        if ((months == null ? void 0 : months.value) && (monthsPanel == null ? void 0 : monthsPanel.value) && (viewArea == null ? void 0 : viewArea.value)) {
+          viewHeight.value = months.value.clientHeight;
+          monthsPanel.value.style.height = `${containerHeight}px`;
+          months.value.scrollTop = state.monthsData[state.currentIndex].cssScrollHeight;
+        }
+      });
+      state.avgHeight = Math.floor(containerHeight / (monthsNum + 1));
+    };
+    const scrollToDate = (date) => {
+      if (Utils.compareDate(date, state.propStartDate)) {
+        date = state.propStartDate;
+      } else if (!Utils.compareDate(date, state.propEndDate)) {
+        date = state.propEndDate;
+      }
+      let dateArr = splitDate(date);
+      state.monthsData.forEach((item, index) => {
+        if (item.title == translate("monthTitle", dateArr[0], dateArr[1])) {
+          if (months.value) {
+            let distance = state.monthsData[index].cssScrollHeight - months.value.scrollTop;
+            if (props.toDateAnimation) {
+              let flag = 0;
+              let interval = setInterval(() => {
+                flag++;
+                if (months.value) {
+                  let offset = distance / 10;
+                  months.value.scrollTop = months.value.scrollTop + offset;
+                }
+                if (flag >= 10) {
+                  clearInterval(interval);
+                  if (months.value) {
+                    months.value.scrollTop = state.monthsData[index].cssScrollHeight;
+                  }
+                }
+              }, 40);
+            } else {
+              months.value.scrollTop = state.monthsData[index].cssScrollHeight;
+            }
+          }
+        }
+      });
+    };
+    useExpose({
+      scrollToDate
     });
-  } });
-  const Y2 = (t2, e2) => {
-    t2 >= 3 ? e2 > 0 && e2 < t2 ? T2.defaultRange = [e2 - 1, e2 + 3] : e2 == 0 ? T2.defaultRange = [e2, e2 + 4] : e2 == t2 && (T2.defaultRange = [e2 - 2, e2 + 2]) : T2.defaultRange = [0, t2 + 2];
-    let a2 = T2.monthsData[T2.defaultRange[0]].cssScrollHeight;
-    T2.translateY = a2;
-  }, C2 = (t2, e2) => l2.type == "range" && t2.type == "curr" && A2(t2, e2) == "calendar-month-day-active";
-  return M2(), r(() => l2.defaultValue, (t2) => {
-    t2 && l2.poppable && (T2.chooseData.splice(0), T2.monthsData.splice(0), M2());
-  }), { weeks: c2, compConthsData: m2, showTopBtn: d2, topInfo: y2, bottomInfo: w2, rangeTip: (t2, e2) => {
-    if (T2.currDate.length >= 2)
-      return v.isEqual(T2.currDate[0], T2.currDate[1]);
-  }, mothsViewScroll: (t2) => {
-    if (T2.monthsData.length <= 1)
-      return;
-    const e2 = t2.target.scrollTop;
-    let a2 = Math.floor(e2 / T2.avgHeight);
-    if (a2 == 0)
-      e2 >= T2.monthsData[a2 + 1].cssScrollHeight && (a2 += 1);
-    else if (a2 > 0 && a2 < T2.monthsNum - 1)
-      e2 >= T2.monthsData[a2 + 1].cssScrollHeight && (a2 += 1), e2 < T2.monthsData[a2].cssScrollHeight && (a2 -= 1);
-    else {
-      const t3 = Math.round(e2 + p2.value);
-      t3 < T2.monthsData[a2].cssScrollHeight + T2.monthsData[a2].cssHeight && e2 > T2.monthsData[a2 - 1].cssScrollHeight && (a2 -= 1), a2 + 1 <= T2.monthsNum && t3 >= T2.monthsData[a2 + 1].cssScrollHeight + T2.monthsData[a2 + 1].cssHeight && (a2 += 1), a2 >= 1 && e2 < T2.monthsData[a2 - 1].cssScrollHeight && (a2 -= 1);
-    }
-    T2.currentIndex !== a2 && (T2.currentIndex = a2, Y2(T2.monthsNum, a2)), T2.yearMonthTitle = T2.monthsData[a2].title;
-  }, getClass: A2, isStartTip: (t2, e2) => C2(t2, e2) && x2(k2(t2, e2)), isEndTip: (t2, e2) => !!(T2.currDate.length >= 2 && $2(k2(t2, e2))) && C2(t2, e2), chooseDay: I2, isCurrDay: (t2) => {
-    const e2 = `${t2.year}-${t2.month}-${t2.day < 10 ? "0" + t2.day : t2.day}`;
-    return v.isEqual(e2, v.date2Str(new Date()));
-  }, confirm: H2, monthsPanel: i2, months: u2, weeksPanel: D2, viewArea: h2, ...n(T2), ...n(l2), translate: S };
-} }), x = { key: 0, class: "calendar-title" }, $ = { key: 1, class: "calendar-top-slot" }, k = { key: 2, class: "calendar-curr-month" }, A = { class: "calendar-weeks", ref: "weeksPanel" }, H = { class: "calendar-months-panel", ref: "monthsPanel" }, I = { class: "calendar-month-title" }, E = { class: "calendar-month-con" }, B = ["onClick"], N = { class: "calendar-day" }, P = { key: 0, class: "calendar-curr-tips calendar-curr-tips-top" }, M = { key: 1, class: "calendar-curr-tips calendar-curr-tips-bottom" }, Y = { key: 2, class: "calendar-curr-tip-curr" }, C = { key: 4, class: "calendar-day-tip" }, V = { key: 0, class: "nut-calendar-footer" };
-var R = w(b, [["render", function(t2, e2, a2, r2, n2, y2) {
-  return l(), o("view", { class: s(["nut-calendar nut-calendar-taro", { "nut-calendar-tile": !t2.poppable, "nut-calendar-nofooter": t2.isAutoBackFill }]) }, [c("view", { class: s(["nut-calendar-header", { "nut-calendar-header-tile": !t2.poppable }]) }, [t2.showTitle ? (l(), o("view", x, u(t2.title || t2.translate("title")), 1)) : i("", true), t2.showTopBtn ? (l(), o("view", $, [D(t2.$slots, "btn")])) : i("", true), t2.showSubTitle ? (l(), o("view", k, u(t2.yearMonthTitle), 1)) : i("", true), c("view", A, [(l(true), o(h, null, p(t2.weeks, (t3, e3) => (l(), o("view", { class: "calendar-week-item", key: e3 }, u(t3), 1))), 128))], 512)], 2), c("view", { class: "nut-calendar-content", ref: "months", onScroll: e2[0] || (e2[0] = (...e3) => t2.mothsViewScroll && t2.mothsViewScroll(...e3)) }, [c("view", H, [c("view", { class: "viewArea", ref: "viewArea", style: m({ transform: `translateY(${t2.translateY}px)` }) }, [(l(true), o(h, null, p(t2.compConthsData, (e3, a3) => (l(), o("view", { class: "calendar-month", key: a3 }, [c("view", I, u(e3.title), 1), c("view", E, [c("view", { class: s(["calendar-month-item", t2.type === "range" ? "month-item-range" : ""]) }, [(l(true), o(h, null, p(e3.monthData, (a4, r3) => (l(), o("view", { key: r3, class: s(["calendar-month-day", t2.getClass(a4, e3)]), onClick: (r4) => t2.chooseDay(a4, e3) }, [c("view", N, [D(t2.$slots, "day", { date: a4.type == "curr" ? a4 : "" }, () => [d(u(a4.type == "curr" ? a4.day : ""), 1)])]), t2.topInfo ? (l(), o("view", P, [D(t2.$slots, "topInfo", { date: a4.type == "curr" ? a4 : "" })])) : i("", true), t2.bottomInfo ? (l(), o("view", M, [D(t2.$slots, "bottomInfo", { date: a4.type == "curr" ? a4 : "" })])) : i("", true), !t2.bottomInfo && t2.showToday && t2.isCurrDay(a4) ? (l(), o("view", Y, u(t2.translate("today")), 1)) : i("", true), t2.isStartTip(a4, e3) ? (l(), o("view", { key: 3, class: s(["calendar-day-tip", { "calendar-curr-tips-top": t2.rangeTip(a4, e3) }]) }, u(t2.startText || t2.translate("start")), 3)) : i("", true), t2.isEndTip(a4, e3) ? (l(), o("view", C, u(t2.endText || t2.translate("end")), 1)) : i("", true)], 10, B))), 128))], 2)])]))), 128))], 4)], 512)], 544), t2.poppable && !t2.isAutoBackFill ? (l(), o("view", V, [c("view", { class: "calendar-confirm-btn", onClick: e2[1] || (e2[1] = (...e3) => t2.confirm && t2.confirm(...e3)) }, u(t2.confirmText || t2.translate("confirm")), 1)])) : i("", true)], 2);
-}]]);
-export { R as C, v as U };
+    const setDefaultRange = (monthsNum, current) => {
+      if (monthsNum >= 3) {
+        if (current > 0 && current < monthsNum) {
+          state.defaultRange = [current - 1, current + 3];
+        } else if (current == 0) {
+          state.defaultRange = [current, current + 4];
+        } else if (current == monthsNum) {
+          state.defaultRange = [current - 2, current + 2];
+        }
+      } else {
+        state.defaultRange = [0, monthsNum + 2];
+      }
+      let defaultScrollTop = state.monthsData[state.defaultRange[0]].cssScrollHeight;
+      state.translateY = defaultScrollTop;
+    };
+    const isActive = (day, month) => {
+      return props.type == "range" && day.type == "curr" && getClass(day, month) == "calendar-month-day-active";
+    };
+    const isStartTip = (day, month) => {
+      return isActive(day, month) && isStart(getCurrDate(day, month));
+    };
+    const isEndTip = (day, month) => {
+      if (state.currDate.length >= 2 && isEnd(getCurrDate(day, month))) {
+        return isActive(day, month);
+      }
+      return false;
+    };
+    const rangeTip = (day, month) => {
+      if (state.currDate.length >= 2) {
+        return Utils.isEqual(state.currDate[0], state.currDate[1]);
+      }
+    };
+    const isCurrDay = (dateInfo) => {
+      const date = `${dateInfo.year}-${dateInfo.month}-${dateInfo.day < 10 ? "0" + dateInfo.day : dateInfo.day}`;
+      return Utils.isEqual(date, Utils.date2Str(new Date()));
+    };
+    const mothsViewScroll = (e) => {
+      if (state.monthsData.length <= 1) {
+        return;
+      }
+      const currentScrollTop = e.target.scrollTop;
+      let current = Math.floor(currentScrollTop / state.avgHeight);
+      if (current == 0) {
+        if (currentScrollTop >= state.monthsData[current + 1].cssScrollHeight) {
+          current += 1;
+        }
+      } else if (current > 0 && current < state.monthsNum - 1) {
+        if (currentScrollTop >= state.monthsData[current + 1].cssScrollHeight) {
+          current += 1;
+        }
+        if (currentScrollTop < state.monthsData[current].cssScrollHeight) {
+          current -= 1;
+        }
+      } else {
+        const viewPosition = Math.round(currentScrollTop + viewHeight.value);
+        if (viewPosition < state.monthsData[current].cssScrollHeight + state.monthsData[current].cssHeight && currentScrollTop > state.monthsData[current - 1].cssScrollHeight) {
+          current -= 1;
+        }
+        if (current + 1 <= state.monthsNum && viewPosition >= state.monthsData[current + 1].cssScrollHeight + state.monthsData[current + 1].cssHeight) {
+          current += 1;
+        }
+        if (current >= 1 && currentScrollTop < state.monthsData[current - 1].cssScrollHeight) {
+          current -= 1;
+        }
+      }
+      if (state.currentIndex !== current) {
+        state.currentIndex = current;
+        setDefaultRange(state.monthsNum, current);
+      }
+      state.yearMonthTitle = state.monthsData[current].title;
+    };
+    const resetRender = () => {
+      state.chooseData.splice(0);
+      state.monthsData.splice(0);
+      initData();
+    };
+    initData();
+    watch(() => props.defaultValue, (val) => {
+      if (val) {
+        if (props.poppable) {
+          resetRender();
+        }
+      }
+    });
+    return {
+      weeks,
+      compConthsData,
+      showTopBtn,
+      topInfo,
+      bottomInfo,
+      rangeTip,
+      mothsViewScroll,
+      getClass,
+      isStartTip,
+      isEndTip,
+      chooseDay,
+      isCurrDay,
+      confirm,
+      monthsPanel,
+      months,
+      weeksPanel,
+      viewArea,
+      ...toRefs(state),
+      ...toRefs(props),
+      translate
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "calendar-title"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "calendar-top-slot"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "calendar-curr-month"
+};
+const _hoisted_4 = {
+  class: "calendar-weeks",
+  ref: "weeksPanel"
+};
+const _hoisted_5 = {
+  class: "calendar-months-panel",
+  ref: "monthsPanel"
+};
+const _hoisted_6 = { class: "calendar-month-title" };
+const _hoisted_7 = { class: "calendar-month-con" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "calendar-day" };
+const _hoisted_10 = {
+  key: 0,
+  class: "calendar-curr-tips calendar-curr-tips-top"
+};
+const _hoisted_11 = {
+  key: 1,
+  class: "calendar-curr-tips calendar-curr-tips-bottom"
+};
+const _hoisted_12 = {
+  key: 2,
+  class: "calendar-curr-tip-curr"
+};
+const _hoisted_13 = {
+  key: 4,
+  class: "calendar-day-tip"
+};
+const _hoisted_14 = {
+  key: 0,
+  class: "nut-calendar-footer"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(["nut-calendar nut-calendar-taro", {
+      "nut-calendar-tile": !_ctx.poppable,
+      "nut-calendar-nofooter": _ctx.isAutoBackFill
+    }])
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
+    }, [
+      _ctx.showTitle ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : createCommentVNode("", true),
+      _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2, [
+        renderSlot(_ctx.$slots, "btn")
+      ])) : createCommentVNode("", true),
+      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_4, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
+          return openBlock(), createElementBlock("view", {
+            class: "calendar-week-item",
+            key: index
+          }, toDisplayString(item), 1);
+        }), 128))
+      ], 512)
+    ], 2),
+    createElementVNode("view", {
+      class: "nut-calendar-content",
+      ref: "months",
+      onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.mothsViewScroll && _ctx.mothsViewScroll(...args))
+    }, [
+      createElementVNode("view", _hoisted_5, [
+        createElementVNode("view", {
+          class: "viewArea",
+          ref: "viewArea",
+          style: normalizeStyle({ transform: `translateY(${_ctx.translateY}px)` })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.compConthsData, (month, index) => {
+            return openBlock(), createElementBlock("view", {
+              class: "calendar-month",
+              key: index
+            }, [
+              createElementVNode("view", _hoisted_6, toDisplayString(month.title), 1),
+              createElementVNode("view", _hoisted_7, [
+                createElementVNode("view", {
+                  class: normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(month.monthData, (day, i) => {
+                    return openBlock(), createElementBlock("view", {
+                      key: i,
+                      class: normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
+                      onClick: ($event) => _ctx.chooseDay(day, month)
+                    }, [
+                      createElementVNode("view", _hoisted_9, [
+                        renderSlot(_ctx.$slots, "day", {
+                          date: day.type == "curr" ? day : ""
+                        }, () => [
+                          createTextVNode(toDisplayString(day.type == "curr" ? day.day : ""), 1)
+                        ])
+                      ]),
+                      _ctx.topInfo ? (openBlock(), createElementBlock("view", _hoisted_10, [
+                        renderSlot(_ctx.$slots, "topInfo", {
+                          date: day.type == "curr" ? day : ""
+                        })
+                      ])) : createCommentVNode("", true),
+                      _ctx.bottomInfo ? (openBlock(), createElementBlock("view", _hoisted_11, [
+                        renderSlot(_ctx.$slots, "bottomInfo", {
+                          date: day.type == "curr" ? day : ""
+                        })
+                      ])) : createCommentVNode("", true),
+                      !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (openBlock(), createElementBlock("view", _hoisted_12, toDisplayString(_ctx.translate("today")), 1)) : createCommentVNode("", true),
+                      _ctx.isStartTip(day, month) ? (openBlock(), createElementBlock("view", {
+                        key: 3,
+                        class: normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip(day, month) }])
+                      }, toDisplayString(_ctx.startText || _ctx.translate("start")), 3)) : createCommentVNode("", true),
+                      _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_13, toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : createCommentVNode("", true)
+                    ], 10, _hoisted_8);
+                  }), 128))
+                ], 2)
+              ])
+            ]);
+          }), 128))
+        ], 4)
+      ], 512)
+    ], 544),
+    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_14, [
+      createElementVNode("view", {
+        class: "calendar-confirm-btn",
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
+      }, toDisplayString(_ctx.confirmText || _ctx.translate("confirm")), 1)
+    ])) : createCommentVNode("", true)
+  ], 2);
+}
+var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { CalendarItem as C, Utils as U };