@nutui/nutui 3.1.18-beta.0 → 3.1.19-beta.1

package/dist/packages/_es/Calendar.js

@@ -1,692 +1,13 @@
-var __defProp = Object.defineProperty;
-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;
-};
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, reactive, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode, resolveComponent, createBlock, withCtx, createSlots } from "vue";
+import { computed, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createSlots, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
-import { r as requestAniFrame } from "./raf.js";
+import { C as CalendarItem, U as Utils } from "./index.taro.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 index2 = 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[index2];
-  },
-  getMonthPreDay: function(year, month) {
-    const date = new Date(year + "/" + month + "/01");
-    let day = date.getDay();
-    if (day == 0) {
-      day = 7;
-    }
-    return day;
-  },
-  getMonthDays: function(year, month) {
-    if (/^0/.test(month)) {
-      month = month.split("")[1];
-    }
-    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 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: create$1 } = createComponent("calendar-item");
-const _sfc_main$1 = create$1({
-  props: {
-    type: {
-      type: String,
-      default: "one"
-    },
-    isAutoBackFill: {
-      type: Boolean,
-      default: false
-    },
-    poppable: {
-      type: Boolean,
-      default: true
-    },
-    showTitle: {
-      type: Boolean,
-      default: true
-    },
-    showSubTitle: {
-      type: Boolean,
-      default: true
-    },
-    showToday: {
-      type: Boolean,
-      default: true
-    },
-    title: {
-      type: String,
-      default: "\u65E5\u5386\u9009\u62E9"
-    },
-    confirmText: {
-      type: String,
-      default: "\u786E\u8BA4"
-    },
-    startText: {
-      type: String,
-      default: "\u5F00\u59CB"
-    },
-    endText: {
-      type: String,
-      default: "\u7ED3\u675F"
-    },
-    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(["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"]);
-    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 getCurrDate = (day, month, isRange) => {
-      return month.curData[0] + "-" + month.curData[1] + "-" + Utils.getNumTwoBit(+day.day);
-    };
-    const getClass = (day, month, isRange) => {
-      const currDate = getCurrDate(day, month);
-      if (day.type == "curr") {
-        if (!state.isRange && Utils.isEqual(state.currDate, currDate) || state.isRange && (isStart(currDate) || isEnd(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 (state.isRange && 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 = () => {
-      if (state.isRange && state.chooseData.length == 2 || !state.isRange) {
-        emit("choose", state.chooseData);
-        if (props.poppable) {
-          emit("update");
-        }
-      }
-    };
-    const chooseDay = (day, month, isFirst, isRange) => {
-      if (getClass(day, month) != `${state.dayPrefix}-disabled`) {
-        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 (!state.isRange) {
-          state.currDate = days[3];
-          state.chooseData = [...days];
-        } else {
-          if (Object.values(state.currDate).length == 2) {
-            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[3], days[3])) {
-              state.chooseData = [[...state.chooseData], [...days]];
-            } else {
-              state.chooseData = [[...days], [...state.chooseData]];
-            }
-          }
-        }
-        if (!isFirst) {
-          emit("select", state.chooseData);
-          if (props.isAutoBackFill) {
-            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: `${title.year}\u5E74${title.month}\u6708`,
-        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 = state.isRange ? [Utils.date2Str(new Date()), Utils.getDay(1)] : Utils.date2Str(new Date());
-      } else {
-        state.currDate = state.isRange ? [...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);
-      }
-      getMonth(state.startData, "next");
-      let i = 1;
-      do {
-        getMonth(getCurrData("next"), "next");
-      } while (i++ < monthsNum);
-      state.monthsNum = monthsNum;
-      if (state.isRange && Array.isArray(state.currDate)) {
-        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 (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;
-      state.monthsData.forEach((item, index2) => {
-        if (item.title == `${state.defaultData[0]}\u5E74${state.defaultData[1]}\u6708`) {
-          current = index2;
-        }
-        if (state.isRange) {
-          if (item.title == `${state.defaultData[3]}\u5E74${state.defaultData[4]}\u6708`) {
-            lastCurrent = index2;
-          }
-        }
-      });
-      setDefaultRange(monthsNum, current);
-      state.currentIndex = current;
-      state.yearMonthTitle = state.monthsData[state.currentIndex].title;
-      if (state.isRange) {
-        chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[state.currentIndex], true);
-        chooseDay({ day: state.defaultData[5], type: "curr" }, state.monthsData[lastCurrent], 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 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 state.isRange && day.type == "curr" && getClass(day, month) == "calendar-month-day-active";
-    };
-    const isStartTip = (day, month) => {
-      if (isActive(day, month)) {
-        return isStart(getCurrDate(day, month));
-      } else {
-        return false;
-      }
-    };
-    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 = (month, day) => {
-      const date = `${month.curData[0]}-${month.curData[1]}-${day}`;
-      return Utils.isEqual(date, Utils.date2Str(new Date()));
-    };
-    const mothsViewScroll = (e) => {
-      var 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 {
-        if (currentScrollTop + viewHeight.value < state.monthsData[current].cssScrollHeight + state.monthsData[current].cssHeight) {
-          current -= 1;
-        }
-        if (current + 1 <= state.monthsNum && currentScrollTop + viewHeight.value >= state.monthsData[current + 1].cssScrollHeight + state.monthsData[current + 1].cssHeight) {
-          current += 1;
-        }
-        if (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 __spreadValues(__spreadValues({
-      weeks,
-      compConthsData,
-      showTopBtn,
-      topInfo,
-      bottomInfo,
-      rangeTip,
-      mothsViewScroll,
-      getClass,
-      isStartTip,
-      isEndTip,
-      chooseDay,
-      isCurrDay,
-      confirm,
-      monthsPanel,
-      months,
-      weeksPanel,
-      viewArea
-    }, toRefs(state)), toRefs(props));
-  }
-});
-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$1(_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), 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, index2) => {
-          return openBlock(), createElementBlock("view", {
-            class: "calendar-week-item",
-            key: index2
-          }, 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, index2) => {
-            return openBlock(), createElementBlock("view", {
-              class: "calendar-month",
-              key: index2
-            }, [
-              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(month, day.day) ? (openBlock(), createElementBlock("view", _hoisted_12, " \u4ECA\u5929 ")) : 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), 3)) : createCommentVNode("", true),
-                      _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_13, toDisplayString(_ctx.endText), 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), 1)
-    ])) : createCommentVNode("", true)
-  ], 2);
-}
-var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+import "@tarojs/taro";
 const { create } = createComponent("calendar");
 const _sfc_main = create({
   components: {
@@ -763,11 +84,14 @@ const _sfc_main = create({
     const bottomInfo = computed(() => {
       return slots.bottomInfo;
     });
+    let show = ref(props.visible);
     const calendarRef = ref(null);
     const update = () => {
+      show.value = false;
       emit("update:visible", false);
     };
     const close = () => {
+      show.value = false;
       emit("close");
       emit("update:visible", false);
     };
@@ -775,18 +99,22 @@ const _sfc_main = create({
       close();
       emit("choose", param);
     };
-    const select = (param) => {
-      emit("select", param);
-    };
     const closePopup = () => {
       close();
     };
+    const select = (param) => {
+      emit("select", param);
+    };
+    watch(() => props.visible, (value) => {
+      show.value = value;
+    });
     return {
+      show,
       closePopup,
       update,
       close,
-      choose,
       select,
+      choose,
       calendarRef,
       showTopBtn,
       topInfo,
@@ -800,35 +128,34 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_popup = resolveComponent("nut-popup");
   return _ctx.poppable ? (openBlock(), createBlock(_component_nut_popup, {
     key: 0,
-    visible: _ctx.visible,
+    visible: _ctx.show,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.show = $event),
     position: "bottom",
     round: "",
-    closeable: true,
+    closeable: "",
     onClickOverlay: _ctx.closePopup,
     onClickCloseIcon: _ctx.closePopup,
-    "destroy-on-close": true,
     style: { height: "85vh" }
   }, {
     default: withCtx(() => [
-      _ctx.visible ? (openBlock(), createBlock(_component_nut_calendar_item, {
+      _ctx.show ? (openBlock(), createBlock(_component_nut_calendar_item, {
         key: 0,
-        props: "",
         ref: "calendarRef",
         type: _ctx.type,
         "is-auto-back-fill": _ctx.isAutoBackFill,
         poppable: _ctx.poppable,
         title: _ctx.title,
-        "confirm-text": _ctx.confirmText,
-        "start-text": _ctx.startText,
-        "end-text": _ctx.endText,
         "default-value": _ctx.defaultValue,
-        "show-today": _ctx.showToday,
         "start-date": _ctx.startDate,
         "end-date": _ctx.endDate,
         onUpdate: _ctx.update,
         onClose: _ctx.close,
         onChoose: _ctx.choose,
         onSelect: _ctx.select,
+        "confirm-text": _ctx.confirmText,
+        "start-text": _ctx.startText,
+        "end-text": _ctx.endText,
+        "show-today": _ctx.showToday,
         "show-title": _ctx.showTitle,
         "show-sub-title": _ctx.showSubTitle
       }, createSlots({ _: 2 }, [
@@ -862,7 +189,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             })
           ])
         } : void 0
-      ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "show-today", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-title", "show-sub-title"])) : createCommentVNode("", true)
+      ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "confirm-text", "start-text", "end-text", "show-today", "show-title", "show-sub-title"])) : createCommentVNode("", true)
     ]),
     _: 3
   }, 8, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (openBlock(), createBlock(_component_nut_calendar_item, {
@@ -881,7 +208,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onChoose: _ctx.choose,
     onSelect: _ctx.select,
     "show-title": _ctx.showTitle,
-    "show-sub-title": _ctx.showSubTitle
+    "show-sub-title": _ctx.showSubTitle,
+    "show-today": _ctx.showToday
   }, createSlots({ _: 2 }, [
     _ctx.showTopBtn ? {
       name: "btn",
@@ -913,7 +241,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         })
       ])
     } : void 0
-  ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onClose", "onChoose", "onSelect", "show-title", "show-sub-title"]));
+  ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onClose", "onChoose", "onSelect", "show-title", "show-sub-title", "show-today"]));
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };