vant 3.4.0 → 3.4.1

package/lib/calendar/Calendar.js

@@ -1,380 +1,303 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _utils2 = require("./utils");
-
-var _use = require("@vant/use");
-
-var _useRefs = require("../composables/use-refs");
-
-var _useExpose = require("../composables/use-expose");
-
-var _popup = require("../popup");
-
-var _button = require("../button");
-
-var _toast = require("../toast");
-
-var _CalendarMonth = _interopRequireDefault(require("./CalendarMonth"));
-
-var _CalendarHeader = _interopRequireDefault(require("./CalendarHeader"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Utils
-// Composables
-// Components
-var calendarProps = {
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_utils2 = __toModule(require("./utils"));
+var import_use = __toModule(require("@vant/use"));
+var import_use_refs = __toModule(require("../composables/use-refs"));
+var import_use_expose = __toModule(require("../composables/use-expose"));
+var import_popup = __toModule(require("../popup"));
+var import_button = __toModule(require("../button"));
+var import_toast = __toModule(require("../toast"));
+var import_CalendarMonth = __toModule(require("./CalendarMonth"));
+var import_CalendarHeader = __toModule(require("./CalendarHeader"));
+const calendarProps = {
   show: Boolean,
-  type: (0, _utils.makeStringProp)('single'),
+  type: (0, import_utils.makeStringProp)("single"),
   title: String,
   color: String,
-  round: _utils.truthProp,
+  round: import_utils.truthProp,
   readonly: Boolean,
-  poppable: _utils.truthProp,
-  maxRange: (0, _utils.makeNumericProp)(null),
-  position: (0, _utils.makeStringProp)('bottom'),
+  poppable: import_utils.truthProp,
+  maxRange: (0, import_utils.makeNumericProp)(null),
+  position: (0, import_utils.makeStringProp)("bottom"),
   teleport: [String, Object],
-  showMark: _utils.truthProp,
-  showTitle: _utils.truthProp,
+  showMark: import_utils.truthProp,
+  showTitle: import_utils.truthProp,
   formatter: Function,
-  rowHeight: _utils.numericProp,
+  rowHeight: import_utils.numericProp,
   confirmText: String,
   rangePrompt: String,
-  lazyRender: _utils.truthProp,
-  showConfirm: _utils.truthProp,
+  lazyRender: import_utils.truthProp,
+  showConfirm: import_utils.truthProp,
   defaultDate: [Date, Array],
   allowSameDay: Boolean,
-  showSubtitle: _utils.truthProp,
-  closeOnPopstate: _utils.truthProp,
-  showRangePrompt: _utils.truthProp,
+  showSubtitle: import_utils.truthProp,
+  closeOnPopstate: import_utils.truthProp,
+  showRangePrompt: import_utils.truthProp,
   confirmDisabledText: String,
-  closeOnClickOverlay: _utils.truthProp,
-  safeAreaInsetBottom: _utils.truthProp,
+  closeOnClickOverlay: import_utils.truthProp,
+  safeAreaInsetBottom: import_utils.truthProp,
   minDate: {
     type: Date,
-    validator: _utils.isDate,
-    default: _utils2.getToday
+    validator: import_utils.isDate,
+    default: import_utils2.getToday
   },
   maxDate: {
     type: Date,
-    validator: _utils.isDate,
+    validator: import_utils.isDate,
     default: () => {
-      var now = (0, _utils2.getToday)();
+      const now = (0, import_utils2.getToday)();
       return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate());
     }
   },
   firstDayOfWeek: {
-    type: _utils.numericProp,
+    type: import_utils.numericProp,
     default: 0,
-    validator: val => val >= 0 && val <= 6
+    validator: (val) => val >= 0 && val <= 6
   }
 };
-
-var _default = (0, _vue.defineComponent)({
-  name: _utils2.name,
+var stdin_default = (0, import_vue2.defineComponent)({
+  name: import_utils2.name,
   props: calendarProps,
-  emits: ['select', 'confirm', 'unselect', 'month-show', 'over-range', 'update:show', 'click-subtitle'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-
-    var limitDateRange = function (date, minDate, maxDate) {
-      if (minDate === void 0) {
-        minDate = props.minDate;
-      }
-
-      if (maxDate === void 0) {
-        maxDate = props.maxDate;
-      }
-
-      if ((0, _utils2.compareDay)(date, minDate) === -1) {
+  emits: ["select", "confirm", "unselect", "month-show", "over-range", "update:show", "click-subtitle"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const limitDateRange = (date, minDate = props.minDate, maxDate = props.maxDate) => {
+      if ((0, import_utils2.compareDay)(date, minDate) === -1) {
         return minDate;
       }
-
-      if ((0, _utils2.compareDay)(date, maxDate) === 1) {
+      if ((0, import_utils2.compareDay)(date, maxDate) === 1) {
         return maxDate;
       }
-
       return date;
     };
-
-    var getInitialDate = function (defaultDate) {
-      if (defaultDate === void 0) {
-        defaultDate = props.defaultDate;
-      }
-
-      var {
+    const getInitialDate = (defaultDate = props.defaultDate) => {
+      const {
         type,
         minDate,
         maxDate
       } = props;
-
       if (defaultDate === null) {
         return defaultDate;
       }
-
-      var now = (0, _utils2.getToday)();
-
-      if (type === 'range') {
+      const now = (0, import_utils2.getToday)();
+      if (type === "range") {
         if (!Array.isArray(defaultDate)) {
           defaultDate = [];
         }
-
-        var start = limitDateRange(defaultDate[0] || now, minDate, (0, _utils2.getPrevDay)(maxDate));
-        var end = limitDateRange(defaultDate[1] || now, (0, _utils2.getNextDay)(minDate));
+        const start = limitDateRange(defaultDate[0] || now, minDate, (0, import_utils2.getPrevDay)(maxDate));
+        const end = limitDateRange(defaultDate[1] || now, (0, import_utils2.getNextDay)(minDate));
         return [start, end];
       }
-
-      if (type === 'multiple') {
+      if (type === "multiple") {
         if (Array.isArray(defaultDate)) {
-          return defaultDate.map(date => limitDateRange(date));
+          return defaultDate.map((date) => limitDateRange(date));
         }
-
         return [limitDateRange(now)];
       }
-
       if (!defaultDate || Array.isArray(defaultDate)) {
         defaultDate = now;
       }
-
       return limitDateRange(defaultDate);
     };
-
-    var bodyHeight;
-    var bodyRef = (0, _vue.ref)();
-    var subtitle = (0, _vue.ref)('');
-    var currentDate = (0, _vue.ref)(getInitialDate());
-    var [monthRefs, setMonthRefs] = (0, _useRefs.useRefs)();
-    var dayOffset = (0, _vue.computed)(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
-    var months = (0, _vue.computed)(() => {
-      var months = [];
-      var cursor = new Date(props.minDate);
+    let bodyHeight;
+    const bodyRef = (0, import_vue2.ref)();
+    const subtitle = (0, import_vue2.ref)("");
+    const currentDate = (0, import_vue2.ref)(getInitialDate());
+    const [monthRefs, setMonthRefs] = (0, import_use_refs.useRefs)();
+    const dayOffset = (0, import_vue2.computed)(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
+    const months = (0, import_vue2.computed)(() => {
+      const months2 = [];
+      const cursor = new Date(props.minDate);
       cursor.setDate(1);
-
       do {
-        months.push(new Date(cursor));
+        months2.push(new Date(cursor));
         cursor.setMonth(cursor.getMonth() + 1);
-      } while ((0, _utils2.compareMonth)(cursor, props.maxDate) !== 1);
-
-      return months;
+      } while ((0, import_utils2.compareMonth)(cursor, props.maxDate) !== 1);
+      return months2;
     });
-    var buttonDisabled = (0, _vue.computed)(() => {
+    const buttonDisabled = (0, import_vue2.computed)(() => {
       if (currentDate.value) {
-        if (props.type === 'range') {
+        if (props.type === "range") {
           return !currentDate.value[0] || !currentDate.value[1];
         }
-
-        if (props.type === 'multiple') {
+        if (props.type === "multiple") {
           return !currentDate.value.length;
         }
       }
-
       return !currentDate.value;
-    }); // calculate the position of the elements
-    // and find the elements that needs to be rendered
-
-    var onScroll = () => {
-      var top = (0, _utils.getScrollTop)(bodyRef.value);
-      var bottom = top + bodyHeight;
-      var heights = months.value.map((item, index) => monthRefs.value[index].getHeight());
-      var heightSum = heights.reduce((a, b) => a + b, 0); // iOS scroll bounce may exceed the range
-
+    });
+    const onScroll = () => {
+      const top = (0, import_utils.getScrollTop)(bodyRef.value);
+      const bottom = top + bodyHeight;
+      const heights = months.value.map((item, index) => monthRefs.value[index].getHeight());
+      const heightSum = heights.reduce((a, b) => a + b, 0);
       if (bottom > heightSum && top > 0) {
         return;
       }
-
-      var height = 0;
-      var currentMonth;
-      var visibleRange = [-1, -1];
-
-      for (var i = 0; i < months.value.length; i++) {
-        var month = monthRefs.value[i];
-        var visible = height <= bottom && height + heights[i] >= top;
-
+      let height = 0;
+      let currentMonth;
+      const visibleRange = [-1, -1];
+      for (let i = 0; i < months.value.length; i++) {
+        const month = monthRefs.value[i];
+        const visible = height <= bottom && height + heights[i] >= top;
         if (visible) {
           visibleRange[1] = i;
-
           if (!currentMonth) {
             currentMonth = month;
             visibleRange[0] = i;
           }
-
           if (!monthRefs.value[i].showed) {
             monthRefs.value[i].showed = true;
-            emit('month-show', {
+            emit("month-show", {
               date: month.date,
               title: month.getTitle()
             });
           }
         }
-
         height += heights[i];
       }
-
       months.value.forEach((month, index) => {
-        var visible = index >= visibleRange[0] - 1 && index <= visibleRange[1] + 1;
+        const visible = index >= visibleRange[0] - 1 && index <= visibleRange[1] + 1;
         monthRefs.value[index].setVisible(visible);
       });
-      /* istanbul ignore else */
-
       if (currentMonth) {
         subtitle.value = currentMonth.getTitle();
       }
     };
-
-    var scrollToDate = targetDate => {
-      (0, _use.raf)(() => {
+    const scrollToDate = (targetDate) => {
+      (0, import_use.raf)(() => {
         months.value.some((month, index) => {
-          if ((0, _utils2.compareMonth)(month, targetDate) === 0) {
+          if ((0, import_utils2.compareMonth)(month, targetDate) === 0) {
             if (bodyRef.value) {
               monthRefs.value[index].scrollToDate(bodyRef.value, targetDate);
             }
-
             return true;
           }
-
           return false;
         });
         onScroll();
       });
     };
-
-    var scrollToCurrentDate = () => {
+    const scrollToCurrentDate = () => {
       if (props.poppable && !props.show) {
         return;
       }
-
       if (currentDate.value) {
-        var targetDate = props.type === 'single' ? currentDate.value : currentDate.value[0];
+        const targetDate = props.type === "single" ? currentDate.value : currentDate.value[0];
         scrollToDate(targetDate);
       } else {
-        (0, _use.raf)(onScroll);
+        (0, import_use.raf)(onScroll);
       }
     };
-
-    var init = () => {
+    const init = () => {
       if (props.poppable && !props.show) {
         return;
       }
-
-      (0, _use.raf)(() => {
-        // add Math.floor to avoid decimal height issues
-        // https://github.com/youzan/vant/issues/5640
-        bodyHeight = Math.floor((0, _use.useRect)(bodyRef).height);
+      (0, import_use.raf)(() => {
+        bodyHeight = Math.floor((0, import_use.useRect)(bodyRef).height);
         scrollToCurrentDate();
       });
     };
-
-    var reset = function (date) {
-      if (date === void 0) {
-        date = getInitialDate();
-      }
-
+    const reset = (date = getInitialDate()) => {
       currentDate.value = date;
       scrollToCurrentDate();
     };
-
-    var checkRange = date => {
-      var {
+    const checkRange = (date) => {
+      const {
         maxRange,
         rangePrompt,
         showRangePrompt
       } = props;
-
-      if (maxRange && (0, _utils2.calcDateNum)(date) > maxRange) {
+      if (maxRange && (0, import_utils2.calcDateNum)(date) > maxRange) {
         if (showRangePrompt) {
-          (0, _toast.Toast)(rangePrompt || (0, _utils2.t)('rangePrompt', maxRange));
+          (0, import_toast.Toast)(rangePrompt || (0, import_utils2.t)("rangePrompt", maxRange));
         }
-
-        emit('over-range');
+        emit("over-range");
         return false;
       }
-
       return true;
     };
-
-    var onConfirm = () => {
-      var _currentDate$value;
-
-      return emit('confirm', (_currentDate$value = currentDate.value) != null ? _currentDate$value : (0, _utils2.cloneDates)(currentDate.value));
+    const onConfirm = () => {
+      var _a;
+      return emit("confirm", (_a = currentDate.value) != null ? _a : (0, import_utils2.cloneDates)(currentDate.value));
     };
-
-    var select = (date, complete) => {
-      var setCurrentDate = date => {
-        currentDate.value = date;
-        emit('select', (0, _utils2.cloneDates)(date));
+    const select = (date, complete) => {
+      const setCurrentDate = (date2) => {
+        currentDate.value = date2;
+        emit("select", (0, import_utils2.cloneDates)(date2));
       };
-
-      if (complete && props.type === 'range') {
-        var valid = checkRange(date);
-
+      if (complete && props.type === "range") {
+        const valid = checkRange(date);
         if (!valid) {
-          // auto selected to max range
-          setCurrentDate([date[0], (0, _utils2.getDayByOffset)(date[0], +props.maxRange - 1)]);
+          setCurrentDate([date[0], (0, import_utils2.getDayByOffset)(date[0], +props.maxRange - 1)]);
           return;
         }
       }
-
       setCurrentDate(date);
-
       if (complete && !props.showConfirm) {
         onConfirm();
       }
-    }; // get first disabled calendarDay between date range
-
-
-    var getDisabledDate = (disabledDays, startDay, date) => {
-      var _disabledDays$find;
-
-      return (_disabledDays$find = disabledDays.find(day => (0, _utils2.compareDay)(startDay, day.date) === -1 && (0, _utils2.compareDay)(day.date, date) === -1)) == null ? void 0 : _disabledDays$find.date;
-    }; // disabled calendarDay
-
-
-    var disabledDays = (0, _vue.computed)(() => monthRefs.value.reduce((arr, ref) => {
-      var _ref$disabledDays$val, _ref$disabledDays;
-
-      arr.push(...((_ref$disabledDays$val = (_ref$disabledDays = ref.disabledDays) == null ? void 0 : _ref$disabledDays.value) != null ? _ref$disabledDays$val : []));
+    };
+    const getDisabledDate = (disabledDays2, startDay, date) => {
+      var _a;
+      return (_a = disabledDays2.find((day) => (0, import_utils2.compareDay)(startDay, day.date) === -1 && (0, import_utils2.compareDay)(day.date, date) === -1)) == null ? void 0 : _a.date;
+    };
+    const disabledDays = (0, import_vue2.computed)(() => monthRefs.value.reduce((arr, ref2) => {
+      var _a, _b;
+      arr.push(...(_b = (_a = ref2.disabledDays) == null ? void 0 : _a.value) != null ? _b : []);
       return arr;
     }, []));
-
-    var onClickDay = item => {
+    const onClickDay = (item) => {
       if (props.readonly || !item.date) {
         return;
       }
-
-      var {
+      const {
         date
       } = item;
-      var {
+      const {
         type
       } = props;
-
-      if (type === 'range') {
+      if (type === "range") {
         if (!currentDate.value) {
           select([date]);
           return;
         }
-
-        var [startDay, endDay] = currentDate.value;
-
+        const [startDay, endDay] = currentDate.value;
         if (startDay && !endDay) {
-          var compareToStart = (0, _utils2.compareDay)(date, startDay);
-
+          const compareToStart = (0, import_utils2.compareDay)(date, startDay);
           if (compareToStart === 1) {
-            var disabledDay = getDisabledDate(disabledDays.value, startDay, date);
-
+            const disabledDay = getDisabledDate(disabledDays.value, startDay, date);
             if (disabledDay) {
-              select([startDay, (0, _utils2.getPrevDay)(disabledDay)]);
+              select([startDay, (0, import_utils2.getPrevDay)(disabledDay)]);
             } else {
               select([startDay, date], true);
             }
@@ -386,20 +309,18 @@ var _default = (0, _vue.defineComponent)({
         } else {
           select([date]);
         }
-      } else if (type === 'multiple') {
+      } else if (type === "multiple") {
         if (!currentDate.value) {
           select([date]);
           return;
         }
-
-        var dates = currentDate.value;
-        var selectedIndex = dates.findIndex(dateItem => (0, _utils2.compareDay)(dateItem, date) === 0);
-
+        const dates = currentDate.value;
+        const selectedIndex = dates.findIndex((dateItem) => (0, import_utils2.compareDay)(dateItem, date) === 0);
         if (selectedIndex !== -1) {
-          var [unselectedDate] = dates.splice(selectedIndex, 1);
-          emit('unselect', (0, _utils2.cloneDate)(unselectedDate));
+          const [unselectedDate] = dates.splice(selectedIndex, 1);
+          emit("unselect", (0, import_utils2.cloneDate)(unselectedDate));
         } else if (props.maxRange && dates.length >= props.maxRange) {
-          (0, _toast.Toast)(props.rangePrompt || (0, _utils2.t)('rangePrompt', props.maxRange));
+          (0, import_toast.Toast)(props.rangePrompt || (0, import_utils2.t)("rangePrompt", props.maxRange));
         } else {
           select([...dates, date]);
         }
@@ -407,89 +328,78 @@ var _default = (0, _vue.defineComponent)({
         select(date, true);
       }
     };
-
-    var updateShow = value => emit('update:show', value);
-
-    var renderMonth = (date, index) => {
-      var showMonthTitle = index !== 0 || !props.showSubtitle;
-      return (0, _vue.createVNode)(_CalendarMonth.default, (0, _vue.mergeProps)({
+    const updateShow = (value) => emit("update:show", value);
+    const renderMonth = (date, index) => {
+      const showMonthTitle = index !== 0 || !props.showSubtitle;
+      return (0, import_vue.createVNode)(import_CalendarMonth.default, (0, import_vue.mergeProps)({
         "ref": setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
         "showMonthTitle": showMonthTitle,
         "firstDayOfWeek": dayOffset.value
-      }, (0, _utils.pick)(props, ['type', 'color', 'minDate', 'maxDate', 'showMark', 'formatter', 'rowHeight', 'lazyRender', 'showSubtitle', 'allowSameDay']), {
+      }, (0, import_utils.pick)(props, ["type", "color", "minDate", "maxDate", "showMark", "formatter", "rowHeight", "lazyRender", "showSubtitle", "allowSameDay"]), {
         "onClick": onClickDay
-      }), (0, _utils.pick)(slots, ['top-info', 'bottom-info']));
+      }), (0, import_utils.pick)(slots, ["top-info", "bottom-info"]));
     };
-
-    var renderFooterButton = () => {
+    const renderFooterButton = () => {
       if (slots.footer) {
         return slots.footer();
       }
-
       if (props.showConfirm) {
-        var slot = slots['confirm-text'];
-        var disabled = buttonDisabled.value;
-        var text = disabled ? props.confirmDisabledText : props.confirmText;
-        return (0, _vue.createVNode)(_button.Button, {
+        const slot = slots["confirm-text"];
+        const disabled = buttonDisabled.value;
+        const text = disabled ? props.confirmDisabledText : props.confirmText;
+        return (0, import_vue.createVNode)(import_button.Button, {
           "round": true,
           "block": true,
           "type": "danger",
           "color": props.color,
-          "class": (0, _utils2.bem)('confirm'),
+          "class": (0, import_utils2.bem)("confirm"),
           "disabled": disabled,
           "nativeType": "button",
           "onClick": onConfirm
         }, {
           default: () => [slot ? slot({
             disabled
-          }) : text || (0, _utils2.t)('confirm')]
+          }) : text || (0, import_utils2.t)("confirm")]
         });
       }
     };
-
-    var renderFooter = () => (0, _vue.createVNode)("div", {
-      "class": [(0, _utils2.bem)('footer'), {
-        'van-safe-area-bottom': props.safeAreaInsetBottom
+    const renderFooter = () => (0, import_vue.createVNode)("div", {
+      "class": [(0, import_utils2.bem)("footer"), {
+        "van-safe-area-bottom": props.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
-
-    var renderCalendar = () => (0, _vue.createVNode)("div", {
-      "class": (0, _utils2.bem)()
-    }, [(0, _vue.createVNode)(_CalendarHeader.default, {
+    const renderCalendar = () => (0, import_vue.createVNode)("div", {
+      "class": (0, import_utils2.bem)()
+    }, [(0, import_vue.createVNode)(import_CalendarHeader.default, {
       "title": props.title,
       "subtitle": subtitle.value,
       "showTitle": props.showTitle,
       "showSubtitle": props.showSubtitle,
       "firstDayOfWeek": dayOffset.value,
-      "onClick-subtitle": event => emit('click-subtitle', event)
-    }, (0, _utils.pick)(slots, ['title', 'subtitle'])), (0, _vue.createVNode)("div", {
+      "onClick-subtitle": (event) => emit("click-subtitle", event)
+    }, (0, import_utils.pick)(slots, ["title", "subtitle"])), (0, import_vue.createVNode)("div", {
       "ref": bodyRef,
-      "class": (0, _utils2.bem)('body'),
+      "class": (0, import_utils2.bem)("body"),
       "onScroll": onScroll
     }, [months.value.map(renderMonth)]), renderFooter()]);
-
-    (0, _vue.watch)(() => props.show, init);
-    (0, _vue.watch)(() => [props.type, props.minDate, props.maxDate], () => reset(getInitialDate(currentDate.value)));
-    (0, _vue.watch)(() => props.defaultDate, function (value) {
-      if (value === void 0) {
-        value = null;
-      }
-
+    (0, import_vue2.watch)(() => props.show, init);
+    (0, import_vue2.watch)(() => [props.type, props.minDate, props.maxDate], () => reset(getInitialDate(currentDate.value)));
+    (0, import_vue2.watch)(() => props.defaultDate, (value = null) => {
       currentDate.value = value;
       scrollToCurrentDate();
     });
-    (0, _useExpose.useExpose)({
+    (0, import_use_expose.useExpose)({
       reset,
       scrollToDate
     });
-    (0, _use.onMountedOrActivated)(init);
+    (0, import_use.onMountedOrActivated)(init);
     return () => {
       if (props.poppable) {
-        return (0, _vue.createVNode)(_popup.Popup, {
+        return (0, import_vue.createVNode)(import_popup.Popup, {
           "show": props.show,
-          "class": (0, _utils2.bem)('popup'),
+          "class": (0, import_utils2.bem)("popup"),
           "round": props.round,
           "position": props.position,
           "closeable": props.showTitle || props.showSubtitle,
@@ -501,11 +411,7 @@ var _default = (0, _vue.defineComponent)({
           default: renderCalendar
         });
       }
-
       return renderCalendar();
     };
   }
-
 });
-
-exports.default = _default;