vant 3.4.0 → 3.4.1

package/es/calendar/CalendarDay.js

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from 'vue';
-import { makeNumberProp, createNamespace, makeRequiredProp } from '../utils';
-import { bem } from './utils';
-var [name] = createNamespace('calendar-day');
-export default defineComponent({
+import { computed, defineComponent } from "vue";
+import { makeNumberProp, createNamespace, makeRequiredProp } from "../utils";
+import { bem } from "./utils";
+const [name] = createNamespace("calendar-day");
+var stdin_default = defineComponent({
   name,
   props: {
     item: makeRequiredProp(Object),
@@ -12,98 +12,84 @@ export default defineComponent({
     offset: makeNumberProp(0),
     rowHeight: String
   },
-  emits: ['click'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var style = computed(() => {
-      var {
+  emits: ["click"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const style = computed(() => {
+      const {
         item,
         index,
         color,
         offset,
         rowHeight
       } = props;
-      var style = {
+      const style2 = {
         height: rowHeight
       };
-
-      if (item.type === 'placeholder') {
-        style.width = '100%';
-        return style;
+      if (item.type === "placeholder") {
+        style2.width = "100%";
+        return style2;
       }
-
       if (index === 0) {
-        style.marginLeft = 100 * offset / 7 + "%";
+        style2.marginLeft = `${100 * offset / 7}%`;
       }
-
       if (color) {
         switch (item.type) {
-          case 'end':
-          case 'start':
-          case 'start-end':
-          case 'multiple-middle':
-          case 'multiple-selected':
-            style.background = color;
+          case "end":
+          case "start":
+          case "start-end":
+          case "multiple-middle":
+          case "multiple-selected":
+            style2.background = color;
             break;
-
-          case 'middle':
-            style.color = color;
+          case "middle":
+            style2.color = color;
             break;
         }
       }
-
-      return style;
+      return style2;
     });
-
-    var onClick = () => {
-      if (props.item.type !== 'disabled') {
-        emit('click', props.item);
+    const onClick = () => {
+      if (props.item.type !== "disabled") {
+        emit("click", props.item);
       }
     };
-
-    var renderTopInfo = () => {
-      var {
+    const renderTopInfo = () => {
+      const {
         topInfo
       } = props.item;
-
-      if (topInfo || slots['top-info']) {
+      if (topInfo || slots["top-info"]) {
         return _createVNode("div", {
-          "class": bem('top-info')
-        }, [slots['top-info'] ? slots['top-info'](props.item) : topInfo]);
+          "class": bem("top-info")
+        }, [slots["top-info"] ? slots["top-info"](props.item) : topInfo]);
       }
     };
-
-    var renderBottomInfo = () => {
-      var {
+    const renderBottomInfo = () => {
+      const {
         bottomInfo
       } = props.item;
-
-      if (bottomInfo || slots['bottom-info']) {
+      if (bottomInfo || slots["bottom-info"]) {
         return _createVNode("div", {
-          "class": bem('bottom-info')
-        }, [slots['bottom-info'] ? slots['bottom-info'](props.item) : bottomInfo]);
+          "class": bem("bottom-info")
+        }, [slots["bottom-info"] ? slots["bottom-info"](props.item) : bottomInfo]);
       }
     };
-
-    var renderContent = () => {
-      var {
+    const renderContent = () => {
+      const {
         item,
         color,
         rowHeight
       } = props;
-      var {
+      const {
         type,
         text
       } = item;
-      var Nodes = [renderTopInfo(), text, renderBottomInfo()];
-
-      if (type === 'selected') {
+      const Nodes = [renderTopInfo(), text, renderBottomInfo()];
+      if (type === "selected") {
         return _createVNode("div", {
-          "class": bem('selected-day'),
+          "class": bem("selected-day"),
           "style": {
             width: rowHeight,
             height: rowHeight,
@@ -111,31 +97,29 @@ export default defineComponent({
           }
         }, [Nodes]);
       }
-
       return Nodes;
     };
-
     return () => {
-      var {
+      const {
         type,
         className
       } = props.item;
-
-      if (type === 'placeholder') {
+      if (type === "placeholder") {
         return _createVNode("div", {
-          "class": bem('day'),
+          "class": bem("day"),
           "style": style.value
         }, null);
       }
-
       return _createVNode("div", {
         "role": "gridcell",
         "style": style.value,
-        "class": [bem('day', type), className],
-        "tabindex": type === 'disabled' ? undefined : -1,
+        "class": [bem("day", type), className],
+        "tabindex": type === "disabled" ? void 0 : -1,
         "onClick": onClick
       }, [renderContent()]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/calendar/CalendarHeader.js

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
-import { createNamespace } from '../utils';
-import { t, bem } from './utils';
-var [name] = createNamespace('calendar-header');
-export default defineComponent({
+import { defineComponent } from "vue";
+import { createNamespace } from "../utils";
+import { t, bem } from "./utils";
+const [name] = createNamespace("calendar-header");
+var stdin_default = defineComponent({
   name,
   props: {
     title: String,
@@ -12,52 +12,47 @@ export default defineComponent({
     showSubtitle: Boolean,
     firstDayOfWeek: Number
   },
-  emits: ['click-subtitle'],
-
-  setup(props, _ref) {
-    var {
-      slots,
-      emit
-    } = _ref;
-
-    var renderTitle = () => {
+  emits: ["click-subtitle"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const renderTitle = () => {
       if (props.showTitle) {
-        var text = props.title || t('title');
-        var title = slots.title ? slots.title() : text;
+        const text = props.title || t("title");
+        const title = slots.title ? slots.title() : text;
         return _createVNode("div", {
-          "class": bem('header-title')
+          "class": bem("header-title")
         }, [title]);
       }
     };
-
-    var onClickSubtitle = event => emit('click-subtitle', event);
-
-    var renderSubtitle = () => {
+    const onClickSubtitle = (event) => emit("click-subtitle", event);
+    const renderSubtitle = () => {
       if (props.showSubtitle) {
-        var title = slots.subtitle ? slots.subtitle() : props.subtitle;
+        const title = slots.subtitle ? slots.subtitle() : props.subtitle;
         return _createVNode("div", {
-          "class": bem('header-subtitle'),
+          "class": bem("header-subtitle"),
           "onClick": onClickSubtitle
         }, [title]);
       }
     };
-
-    var renderWeekDays = () => {
-      var {
+    const renderWeekDays = () => {
+      const {
         firstDayOfWeek
       } = props;
-      var weekdays = t('weekdays');
-      var renderWeekDays = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
+      const weekdays = t("weekdays");
+      const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
       return _createVNode("div", {
-        "class": bem('weekdays')
-      }, [renderWeekDays.map(text => _createVNode("span", {
-        "class": bem('weekday')
+        "class": bem("weekdays")
+      }, [renderWeekDays2.map((text) => _createVNode("span", {
+        "class": bem("weekday")
       }, [text]))]);
     };
-
     return () => _createVNode("div", {
-      "class": bem('header')
+      "class": bem("header")
     }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/calendar/CalendarMonth.js

@@ -1,18 +1,14 @@
-import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
-import { ref, computed, defineComponent } from 'vue'; // Utils
-
-import { pick, addUnit, numericProp, setScrollTop, createNamespace, makeRequiredProp } from '../utils';
-import { getMonthEndDay } from '../datetime-picker/utils';
-import { t, bem, compareDay, getPrevDay, getNextDay, formatMonthTitle } from './utils'; // Composables
-
-import { useRect, useToggle } from '@vant/use';
-import { useExpose } from '../composables/use-expose';
-import { useHeight } from '../composables/use-height'; // Components
-
-import CalendarDay from './CalendarDay'; // Types
-
-var [name] = createNamespace('calendar-month');
-var calendarMonthProps = {
+import { createVNode as _createVNode } from "vue";
+import { ref, computed, defineComponent } from "vue";
+import { pick, addUnit, numericProp, setScrollTop, createNamespace, makeRequiredProp } from "../utils";
+import { getMonthEndDay } from "../datetime-picker/utils";
+import { t, bem, compareDay, getPrevDay, getNextDay, formatMonthTitle } from "./utils";
+import { useRect, useToggle } from "@vant/use";
+import { useExpose } from "../composables/use-expose";
+import { useHeight } from "../composables/use-height";
+import CalendarDay from "./CalendarDay";
+const [name] = createNamespace("calendar-month");
+const calendarMonthProps = {
   date: makeRequiredProp(Date),
   type: String,
   color: String,
@@ -28,213 +24,172 @@ var calendarMonthProps = {
   showMonthTitle: Boolean,
   firstDayOfWeek: Number
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: calendarMonthProps,
-  emits: ['click', 'update-height'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var [visible, setVisible] = useToggle();
-    var daysRef = ref();
-    var monthRef = ref();
-    var height = useHeight(monthRef);
-    var title = computed(() => formatMonthTitle(props.date));
-    var rowHeight = computed(() => addUnit(props.rowHeight));
-    var offset = computed(() => {
-      var realDay = props.date.getDay();
-
+  emits: ["click", "update-height"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const [visible, setVisible] = useToggle();
+    const daysRef = ref();
+    const monthRef = ref();
+    const height = useHeight(monthRef);
+    const title = computed(() => formatMonthTitle(props.date));
+    const rowHeight = computed(() => addUnit(props.rowHeight));
+    const offset = computed(() => {
+      const realDay = props.date.getDay();
       if (props.firstDayOfWeek) {
         return (realDay + 7 - props.firstDayOfWeek) % 7;
       }
-
       return realDay;
     });
-    var totalDay = computed(() => getMonthEndDay(props.date.getFullYear(), props.date.getMonth() + 1));
-    var shouldRender = computed(() => visible.value || !props.lazyRender);
-
-    var getTitle = () => title.value;
-
-    var getMultipleDayType = day => {
-      var isSelected = date => props.currentDate.some(item => compareDay(item, date) === 0);
-
+    const totalDay = computed(() => getMonthEndDay(props.date.getFullYear(), props.date.getMonth() + 1));
+    const shouldRender = computed(() => visible.value || !props.lazyRender);
+    const getTitle = () => title.value;
+    const getMultipleDayType = (day) => {
+      const isSelected = (date) => props.currentDate.some((item) => compareDay(item, date) === 0);
       if (isSelected(day)) {
-        var prevDay = getPrevDay(day);
-        var nextDay = getNextDay(day);
-        var prevSelected = isSelected(prevDay);
-        var nextSelected = isSelected(nextDay);
-
+        const prevDay = getPrevDay(day);
+        const nextDay = getNextDay(day);
+        const prevSelected = isSelected(prevDay);
+        const nextSelected = isSelected(nextDay);
         if (prevSelected && nextSelected) {
-          return 'multiple-middle';
+          return "multiple-middle";
         }
-
         if (prevSelected) {
-          return 'end';
+          return "end";
         }
-
         if (nextSelected) {
-          return 'start';
+          return "start";
         }
-
-        return 'multiple-selected';
+        return "multiple-selected";
       }
-
-      return '';
+      return "";
     };
-
-    var getRangeDayType = day => {
-      var [startDay, endDay] = props.currentDate;
-
+    const getRangeDayType = (day) => {
+      const [startDay, endDay] = props.currentDate;
       if (!startDay) {
-        return '';
+        return "";
       }
-
-      var compareToStart = compareDay(day, startDay);
-
+      const compareToStart = compareDay(day, startDay);
       if (!endDay) {
-        return compareToStart === 0 ? 'start' : '';
+        return compareToStart === 0 ? "start" : "";
       }
-
-      var compareToEnd = compareDay(day, endDay);
-
+      const compareToEnd = compareDay(day, endDay);
       if (props.allowSameDay && compareToStart === 0 && compareToEnd === 0) {
-        return 'start-end';
+        return "start-end";
       }
-
       if (compareToStart === 0) {
-        return 'start';
+        return "start";
       }
-
       if (compareToEnd === 0) {
-        return 'end';
+        return "end";
       }
-
       if (compareToStart > 0 && compareToEnd < 0) {
-        return 'middle';
+        return "middle";
       }
-
-      return '';
+      return "";
     };
-
-    var getDayType = day => {
-      var {
+    const getDayType = (day) => {
+      const {
         type,
         minDate,
         maxDate,
         currentDate
       } = props;
-
       if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) {
-        return 'disabled';
+        return "disabled";
       }
-
       if (currentDate === null) {
-        return '';
+        return "";
       }
-
       if (Array.isArray(currentDate)) {
-        if (type === 'multiple') {
+        if (type === "multiple") {
           return getMultipleDayType(day);
         }
-
-        if (type === 'range') {
+        if (type === "range") {
           return getRangeDayType(day);
         }
-      } else if (type === 'single') {
-        return compareDay(day, currentDate) === 0 ? 'selected' : '';
+      } else if (type === "single") {
+        return compareDay(day, currentDate) === 0 ? "selected" : "";
       }
-
-      return '';
+      return "";
     };
-
-    var getBottomInfo = dayType => {
-      if (props.type === 'range') {
-        if (dayType === 'start' || dayType === 'end') {
+    const getBottomInfo = (dayType) => {
+      if (props.type === "range") {
+        if (dayType === "start" || dayType === "end") {
           return t(dayType);
         }
-
-        if (dayType === 'start-end') {
-          return t('startEnd');
+        if (dayType === "start-end") {
+          return t("startEnd");
         }
       }
     };
-
-    var renderTitle = () => {
+    const renderTitle = () => {
       if (props.showMonthTitle) {
         return _createVNode("div", {
-          "class": bem('month-title')
+          "class": bem("month-title")
         }, [title.value]);
       }
     };
-
-    var renderMark = () => {
+    const renderMark = () => {
       if (props.showMark && shouldRender.value) {
         return _createVNode("div", {
-          "class": bem('month-mark')
+          "class": bem("month-mark")
         }, [props.date.getMonth() + 1]);
       }
     };
-
-    var placeholders = computed(() => {
-      var count = Math.ceil((totalDay.value + offset.value) / 7);
+    const placeholders = computed(() => {
+      const count = Math.ceil((totalDay.value + offset.value) / 7);
       return Array(count).fill({
-        type: 'placeholder'
+        type: "placeholder"
       });
     });
-    var days = computed(() => {
-      var days = [];
-      var year = props.date.getFullYear();
-      var month = props.date.getMonth();
-
-      for (var day = 1; day <= totalDay.value; day++) {
-        var date = new Date(year, month, day);
-        var type = getDayType(date);
-        var config = {
+    const days = computed(() => {
+      const days2 = [];
+      const year = props.date.getFullYear();
+      const month = props.date.getMonth();
+      for (let day = 1; day <= totalDay.value; day++) {
+        const date = new Date(year, month, day);
+        const type = getDayType(date);
+        let config = {
           date,
           type,
           text: day,
           bottomInfo: getBottomInfo(type)
         };
-
         if (props.formatter) {
           config = props.formatter(config);
         }
-
-        days.push(config);
+        days2.push(config);
       }
-
-      return days;
+      return days2;
     });
-    var disabledDays = computed(() => days.value.filter(day => day.type === 'disabled'));
-
-    var scrollToDate = (body, targetDate) => {
+    const disabledDays = computed(() => days.value.filter((day) => day.type === "disabled"));
+    const scrollToDate = (body, targetDate) => {
       if (daysRef.value) {
-        var daysRect = useRect(daysRef.value);
-        var totalRows = placeholders.value.length;
-        var currentRow = Math.ceil((targetDate.getDate() + offset.value) / 7);
-        var rowOffset = (currentRow - 1) * daysRect.height / totalRows;
+        const daysRect = useRect(daysRef.value);
+        const totalRows = placeholders.value.length;
+        const currentRow = Math.ceil((targetDate.getDate() + offset.value) / 7);
+        const rowOffset = (currentRow - 1) * daysRect.height / totalRows;
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - useRect(body).top);
       }
     };
-
-    var renderDay = (item, index) => _createVNode(CalendarDay, {
+    const renderDay = (item, index) => _createVNode(CalendarDay, {
       "item": item,
       "index": index,
       "color": props.color,
       "offset": offset.value,
       "rowHeight": rowHeight.value,
-      "onClick": item => emit('click', item)
-    }, pick(slots, ['top-info', 'bottom-info']));
-
-    var renderDays = () => _createVNode("div", {
+      "onClick": (item2) => emit("click", item2)
+    }, pick(slots, ["top-info", "bottom-info"]));
+    const renderDays = () => _createVNode("div", {
       "ref": daysRef,
       "role": "grid",
-      "class": bem('days')
+      "class": bem("days")
     }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
-
     useExpose({
       getTitle,
       getHeight: () => height.value,
@@ -243,9 +198,11 @@ export default defineComponent({
       disabledDays
     });
     return () => _createVNode("div", {
-      "class": bem('month'),
+      "class": bem("month"),
       "ref": monthRef
     }, [renderTitle(), renderDays()]);
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/calendar/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _Calendar from './Calendar';
-export var Calendar = withInstall(_Calendar);
-export default Calendar;
+import { withInstall } from "../utils";
+import _Calendar from "./Calendar";
+const Calendar = withInstall(_Calendar);
+var stdin_default = Calendar;
+export {
+  Calendar,
+  stdin_default as default
+};

package/es/calendar/style/index.js

@@ -1,10 +1,10 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../../loading/index.css';
-import '../../picker/index.css';
-import '../../button/index.css';
-import '../../overlay/index.css';
-import '../../popup/index.css';
-import '../../toast/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../loading/index.css";
+import "../../picker/index.css";
+import "../../button/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../toast/index.css";
+import "../index.css";