@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/date-picker/DatePicker.mjs

@@ -1,116 +1,214 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import dayjs from 'dayjs/esm';
-import MonthPickerPanel from './src/month-picker-panel.mjs';
-import YearPickerPanel from './src/year-picker-panel.mjs';
-import DayPickerPanel from './src/day-picker-panel.mjs';
-import { defineComponent, ref, computed, reactive, watch } from 'vue';
-import { props, MONTH_LIST, WEEK_HEADER } from './props.mjs';
-import { isArray, toNumber, doubleRaf } from '@varlet/shared';
-import { createNamespace, call, formatElevation } from '../utils/components.mjs';
-import { padStart } from '../utils/shared.mjs';
-import { pack } from '../locale/index.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('date-picker');
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import dayjs from "dayjs/esm";
+import MonthPickerPanel from "./src/month-picker-panel.mjs";
+import YearPickerPanel from "./src/year-picker-panel.mjs";
+import DayPickerPanel from "./src/day-picker-panel.mjs";
+import { defineComponent, ref, computed, reactive, watch } from "vue";
+import {
+  props,
+  MONTH_LIST,
+  WEEK_HEADER
+} from "./props.mjs";
+import { isArray, toNumber, doubleRaf } from "@varlet/shared";
+import { createNamespace, call, formatElevation } from "../utils/components.mjs";
+import { padStart } from "../utils/shared.mjs";
+import { pack } from "../locale/index.mjs";
+const { name, n, classes } = createNamespace("date-picker");
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeProps as _normalizeProps, mergeProps as _mergeProps, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveComponent as _resolveComponent, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_year_picker_panel = _resolveComponent("year-picker-panel");
-  var _component_month_picker_panel = _resolveComponent("month-picker-panel");
-  var _component_day_picker_panel = _resolveComponent("day-picker-panel");
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.formatElevation(_ctx.elevation, 2)))
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('title')),
-    style: _normalizeStyle({
-      background: _ctx.headerColor || _ctx.color
-    })
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('title-year'), [_ctx.isYearPanel, _ctx.n('title-year--active')])),
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.clickEl('year'))
-  }, [_renderSlot(_ctx.$slots, "year", {
-    year: _ctx.chooseYear
-  }, () => [_createTextVNode(_toDisplayString(_ctx.chooseYear), 1 /* TEXT */)])], 2 /* CLASS */), _createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('title-date'), [!_ctx.isYearPanel, _ctx.n('title-date--active')], [_ctx.range, _ctx.n('title-date--range')])),
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.clickEl('date'))
-  }, [_createVNode(_Transition, {
-    name: _ctx.multiple ? '' : "" + _ctx.n() + (_ctx.reverse ? '-reverse' : '') + "-translatey"
-  }, {
-    default: _withCtx(() => {
-      var _ctx$chooseMonth, _ctx$chooseMonth2, _ctx$chooseMonth3;
-      return [_ctx.type === 'month' ? (_openBlock(), _createElementBlock("div", {
-        key: "" + _ctx.chooseYear + ((_ctx$chooseMonth = _ctx.chooseMonth) == null ? void 0 : _ctx$chooseMonth.index)
-      }, [_ctx.range ? _renderSlot(_ctx.$slots, "range", {
-        key: 0,
-        choose: _ctx.getChoose.chooseRangeMonth
-      }, () => [_createTextVNode(_toDisplayString(_ctx.getMonthTitle), 1 /* TEXT */)]) : _ctx.multiple ? _renderSlot(_ctx.$slots, "multiple", {
-        key: 1,
-        choose: _ctx.getChoose.chooseMonths
-      }, () => [_createTextVNode(_toDisplayString(_ctx.getMonthTitle), 1 /* TEXT */)]) : _renderSlot(_ctx.$slots, "month", {
-        key: 2,
-        month: (_ctx$chooseMonth2 = _ctx.chooseMonth) == null ? void 0 : _ctx$chooseMonth2.index,
-        year: _ctx.chooseYear
-      }, () => [_createTextVNode(_toDisplayString(_ctx.getMonthTitle), 1 /* TEXT */)])])) : (_openBlock(), _createElementBlock("div", {
-        key: "" + _ctx.chooseYear + ((_ctx$chooseMonth3 = _ctx.chooseMonth) == null ? void 0 : _ctx$chooseMonth3.index) + _ctx.chooseDay
-      }, [_ctx.range ? _renderSlot(_ctx.$slots, "range", {
-        key: 0,
-        choose: _ctx.formatRange
-      }, () => [_createTextVNode(_toDisplayString(_ctx.getDateTitle), 1 /* TEXT */)]) : _ctx.multiple ? _renderSlot(_ctx.$slots, "multiple", {
-        key: 1,
-        choose: _ctx.getChoose.chooseDays
-      }, () => [_createTextVNode(_toDisplayString(_ctx.getDateTitle), 1 /* TEXT */)]) : _renderSlot(_ctx.$slots, "date", _normalizeProps(_mergeProps({
-        key: 2
-      }, _ctx.slotProps)), () => [_createTextVNode(_toDisplayString(_ctx.getDateTitle), 1 /* TEXT */)])]))];
-    }),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["name"])], 2 /* CLASS */)], 6 /* CLASS, STYLE */), _createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('body')),
-    onTouchstart: _cache[2] || (_cache[2] = function () {
-      return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
-    }),
-    onTouchmove: _cache[3] || (_cache[3] = function () {
-      return _ctx.handleTouchmove && _ctx.handleTouchmove(...arguments);
-    }),
-    onTouchend: _cache[4] || (_cache[4] = function () {
-      return _ctx.handleTouchend && _ctx.handleTouchend(...arguments);
-    })
-  }, [_createVNode(_Transition, {
-    name: _ctx.n() + "-panel-fade"
-  }, {
-    default: _withCtx(() => [_ctx.getPanelType === 'year' ? (_openBlock(), _createBlock(_component_year_picker_panel, {
-      key: 0,
-      "component-props": _ctx.componentProps,
-      preview: _ctx.previewYear,
-      onChooseYear: _ctx.getChooseYear
-    }, null, 8 /* PROPS */, ["component-props", "preview", "onChooseYear"])) : _ctx.getPanelType === 'month' ? (_openBlock(), _createBlock(_component_month_picker_panel, {
-      key: 1,
-      ref: "monthPanelEl",
-      current: _ctx.currentDate,
-      choose: _ctx.getChoose,
-      preview: _ctx.getPreview,
-      "click-year": () => _ctx.clickEl('year'),
-      "component-props": _ctx.componentProps,
-      onChooseMonth: _ctx.getChooseMonth,
-      onCheckPreview: _ctx.checkPreview
-    }, null, 8 /* PROPS */, ["current", "choose", "preview", "click-year", "component-props", "onChooseMonth", "onCheckPreview"])) : _ctx.getPanelType === 'date' ? (_openBlock(), _createBlock(_component_day_picker_panel, {
-      key: 2,
-      ref: "dayPanelEl",
-      current: _ctx.currentDate,
-      choose: _ctx.getChoose,
-      preview: _ctx.getPreview,
-      "component-props": _ctx.componentProps,
-      "click-month": () => _ctx.clickEl('month'),
-      onChooseDay: _ctx.getChooseDay,
-      onCheckPreview: _ctx.checkPreview
-    }, null, 8 /* PROPS */, ["current", "choose", "preview", "component-props", "click-month", "onChooseDay", "onCheckPreview"])) : _createCommentVNode("v-if", true)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["name"])], 34 /* CLASS, HYDRATE_EVENTS */)], 2 /* CLASS */);
+  const _component_year_picker_panel = _resolveComponent("year-picker-panel");
+  const _component_month_picker_panel = _resolveComponent("month-picker-panel");
+  const _component_day_picker_panel = _resolveComponent("day-picker-panel");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.formatElevation(_ctx.elevation, 2)))
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.n("title")),
+          style: _normalizeStyle({ background: _ctx.headerColor || _ctx.color })
+        },
+        [
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.classes(_ctx.n("title-year"), [_ctx.isYearPanel, _ctx.n("title-year--active")])),
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.clickEl("year"))
+            },
+            [
+              _renderSlot(_ctx.$slots, "year", { year: _ctx.chooseYear }, () => [
+                _createTextVNode(
+                  _toDisplayString(_ctx.chooseYear),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ],
+            2
+            /* CLASS */
+          ),
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.classes(_ctx.n("title-date"), [!_ctx.isYearPanel, _ctx.n("title-date--active")], [_ctx.range, _ctx.n("title-date--range")])),
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.clickEl("date"))
+            },
+            [
+              _createVNode(_Transition, {
+                name: _ctx.multiple ? "" : `${_ctx.n()}${_ctx.reverse ? "-reverse" : ""}-translatey`
+              }, {
+                default: _withCtx(() => {
+                  var _a, _b, _c;
+                  return [
+                    _ctx.type === "month" ? (_openBlock(), _createElementBlock("div", {
+                      key: `${_ctx.chooseYear}${(_a = _ctx.chooseMonth) == null ? void 0 : _a.index}`
+                    }, [
+                      _ctx.range ? _renderSlot(_ctx.$slots, "range", {
+                        key: 0,
+                        choose: _ctx.getChoose.chooseRangeMonth
+                      }, () => [
+                        _createTextVNode(
+                          _toDisplayString(_ctx.getMonthTitle),
+                          1
+                          /* TEXT */
+                        )
+                      ]) : _ctx.multiple ? _renderSlot(_ctx.$slots, "multiple", {
+                        key: 1,
+                        choose: _ctx.getChoose.chooseMonths
+                      }, () => [
+                        _createTextVNode(
+                          _toDisplayString(_ctx.getMonthTitle),
+                          1
+                          /* TEXT */
+                        )
+                      ]) : _renderSlot(_ctx.$slots, "month", {
+                        key: 2,
+                        month: (_b = _ctx.chooseMonth) == null ? void 0 : _b.index,
+                        year: _ctx.chooseYear
+                      }, () => [
+                        _createTextVNode(
+                          _toDisplayString(_ctx.getMonthTitle),
+                          1
+                          /* TEXT */
+                        )
+                      ])
+                    ])) : (_openBlock(), _createElementBlock("div", {
+                      key: `${_ctx.chooseYear}${(_c = _ctx.chooseMonth) == null ? void 0 : _c.index}${_ctx.chooseDay}`
+                    }, [
+                      _ctx.range ? _renderSlot(_ctx.$slots, "range", {
+                        key: 0,
+                        choose: _ctx.formatRange
+                      }, () => [
+                        _createTextVNode(
+                          _toDisplayString(_ctx.getDateTitle),
+                          1
+                          /* TEXT */
+                        )
+                      ]) : _ctx.multiple ? _renderSlot(_ctx.$slots, "multiple", {
+                        key: 1,
+                        choose: _ctx.getChoose.chooseDays
+                      }, () => [
+                        _createTextVNode(
+                          _toDisplayString(_ctx.getDateTitle),
+                          1
+                          /* TEXT */
+                        )
+                      ]) : _renderSlot(_ctx.$slots, "date", _normalizeProps(_mergeProps({ key: 2 }, _ctx.slotProps)), () => [
+                        _createTextVNode(
+                          _toDisplayString(_ctx.getDateTitle),
+                          1
+                          /* TEXT */
+                        )
+                      ])
+                    ]))
+                  ];
+                }),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["name"])
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      ),
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.n("body")),
+          onTouchstart: _cache[2] || (_cache[2] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
+          onTouchmove: _cache[3] || (_cache[3] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
+          onTouchend: _cache[4] || (_cache[4] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args))
+        },
+        [
+          _createVNode(_Transition, {
+            name: `${_ctx.n()}-panel-fade`
+          }, {
+            default: _withCtx(() => [
+              _ctx.getPanelType === "year" ? (_openBlock(), _createBlock(_component_year_picker_panel, {
+                key: 0,
+                "component-props": _ctx.componentProps,
+                preview: _ctx.previewYear,
+                onChooseYear: _ctx.getChooseYear
+              }, null, 8, ["component-props", "preview", "onChooseYear"])) : _ctx.getPanelType === "month" ? (_openBlock(), _createBlock(_component_month_picker_panel, {
+                key: 1,
+                ref: "monthPanelEl",
+                current: _ctx.currentDate,
+                choose: _ctx.getChoose,
+                preview: _ctx.getPreview,
+                "click-year": () => _ctx.clickEl("year"),
+                "component-props": _ctx.componentProps,
+                onChooseMonth: _ctx.getChooseMonth,
+                onCheckPreview: _ctx.checkPreview
+              }, null, 8, ["current", "choose", "preview", "click-year", "component-props", "onChooseMonth", "onCheckPreview"])) : _ctx.getPanelType === "date" ? (_openBlock(), _createBlock(_component_day_picker_panel, {
+                key: 2,
+                ref: "dayPanelEl",
+                current: _ctx.currentDate,
+                choose: _ctx.getChoose,
+                preview: _ctx.getPreview,
+                "component-props": _ctx.componentProps,
+                "click-month": () => _ctx.clickEl("month"),
+                onChooseDay: _ctx.getChooseDay,
+                onCheckPreview: _ctx.checkPreview
+              }, null, 8, ["current", "choose", "preview", "component-props", "click-month", "onChooseDay", "onCheckPreview"])) : _createCommentVNode("v-if", true)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["name"])
+        ],
+        34
+        /* CLASS, HYDRATE_EVENTS */
+      )
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     MonthPickerPanel,
@@ -118,38 +216,38 @@ var __sfc__ = defineComponent({
     DayPickerPanel
   },
   props,
-  setup(props) {
-    var currentDate = dayjs().format('YYYY-MM-D');
-    var [currentYear, currentMonth] = currentDate.split('-');
-    var monthDes = MONTH_LIST.find(month => month.index === currentMonth);
-    var isYearPanel = ref(false);
-    var isMonthPanel = ref(false);
-    var rangeDone = ref(true);
-    var chooseMonth = ref();
-    var chooseYear = ref();
-    var chooseDay = ref();
-    var previewMonth = ref(monthDes);
-    var previewYear = ref(currentYear);
-    var reverse = ref(false);
-    var chooseMonths = ref([]);
-    var chooseDays = ref([]);
-    var chooseRangeMonth = ref([]);
-    var chooseRangeDay = ref([]);
-    var monthPanelEl = ref(null);
-    var dayPanelEl = ref(null);
-    var componentProps = reactive({
-      allowedDates: props.allowedDates,
-      type: props.type,
-      color: props.color,
-      firstDayOfWeek: props.firstDayOfWeek,
-      min: props.min,
-      max: props.max,
-      showCurrent: props.showCurrent,
-      multiple: props.multiple,
-      range: props.range,
-      buttonElevation: props.buttonElevation
+  setup(props2) {
+    const currentDate = dayjs().format("YYYY-MM-D");
+    const [currentYear, currentMonth] = currentDate.split("-");
+    const monthDes = MONTH_LIST.find((month) => month.index === currentMonth);
+    const isYearPanel = ref(false);
+    const isMonthPanel = ref(false);
+    const rangeDone = ref(true);
+    const chooseMonth = ref();
+    const chooseYear = ref();
+    const chooseDay = ref();
+    const previewMonth = ref(monthDes);
+    const previewYear = ref(currentYear);
+    const reverse = ref(false);
+    const chooseMonths = ref([]);
+    const chooseDays = ref([]);
+    const chooseRangeMonth = ref([]);
+    const chooseRangeDay = ref([]);
+    const monthPanelEl = ref(null);
+    const dayPanelEl = ref(null);
+    const componentProps = reactive({
+      allowedDates: props2.allowedDates,
+      type: props2.type,
+      color: props2.color,
+      firstDayOfWeek: props2.firstDayOfWeek,
+      min: props2.min,
+      max: props2.max,
+      showCurrent: props2.showCurrent,
+      multiple: props2.multiple,
+      range: props2.range,
+      buttonElevation: props2.buttonElevation
     });
-    var getChoose = computed(() => ({
+    const getChoose = computed(() => ({
       chooseMonth: chooseMonth.value,
       chooseYear: chooseYear.value,
       chooseDay: chooseDay.value,
@@ -158,188 +256,193 @@ var __sfc__ = defineComponent({
       chooseRangeMonth: chooseRangeMonth.value,
       chooseRangeDay: chooseRangeDay.value
     }));
-    var getPreview = computed(() => ({
+    const getPreview = computed(() => ({
       previewMonth: previewMonth.value,
       previewYear: previewYear.value
     }));
-    var getMonthTitle = computed(() => {
-      var {
-        multiple,
-        range
-      } = props;
+    const getMonthTitle = computed(() => {
+      var _a, _b;
+      const { multiple, range } = props2;
       if (range) {
-        return chooseRangeMonth.value.length ? chooseRangeMonth.value[0] + " ~ " + chooseRangeMonth.value[1] : '';
+        return chooseRangeMonth.value.length ? `${chooseRangeMonth.value[0]} ~ ${chooseRangeMonth.value[1]}` : "";
       }
-      var monthName = '';
+      let monthName = "";
       if (chooseMonth.value) {
-        var _pack$value$datePicke, _pack$value$datePicke2;
-        monthName = (_pack$value$datePicke = (_pack$value$datePicke2 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke2[chooseMonth.value.index].name) != null ? _pack$value$datePicke : '';
+        monthName = (_b = (_a = pack.value.datePickerMonthDict) == null ? void 0 : _a[chooseMonth.value.index].name) != null ? _b : "";
       }
-      return multiple ? "" + chooseMonths.value.length + pack.value.datePickerSelected : monthName;
+      return multiple ? `${chooseMonths.value.length}${pack.value.datePickerSelected}` : monthName;
     });
-    var getDateTitle = computed(() => {
-      var _pack$value$datePicke3, _pack$value$datePicke4, _pack$value$datePicke5, _pack$value$datePicke6;
-      var {
-        multiple,
-        range
-      } = props;
+    const getDateTitle = computed(() => {
+      var _a, _b, _c, _d;
+      const { multiple, range } = props2;
       if (range) {
-        var formatRangeDays = chooseRangeDay.value.map(date => dayjs(date).format('YYYY-MM-DD'));
-        return formatRangeDays.length ? formatRangeDays[0] + " ~ " + formatRangeDays[1] : '';
+        const formatRangeDays = chooseRangeDay.value.map((date) => dayjs(date).format("YYYY-MM-DD"));
+        return formatRangeDays.length ? `${formatRangeDays[0]} ~ ${formatRangeDays[1]}` : "";
       }
-      if (multiple) return "" + chooseDays.value.length + pack.value.datePickerSelected;
-      if (!chooseYear.value || !chooseMonth.value || !chooseDay.value) return '';
-      var weekIndex = dayjs(chooseYear.value + "-" + chooseMonth.value.index + "-" + chooseDay.value).day();
-      var week = WEEK_HEADER.find(value => value.index === "" + weekIndex);
-      var weekName = (_pack$value$datePicke3 = (_pack$value$datePicke4 = pack.value.datePickerWeekDict) == null ? void 0 : _pack$value$datePicke4[week.index].name) != null ? _pack$value$datePicke3 : '';
-      var monthName = (_pack$value$datePicke5 = (_pack$value$datePicke6 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke6[chooseMonth.value.index].name) != null ? _pack$value$datePicke5 : '';
-      var showDay = padStart(chooseDay.value, 2, '0');
-      if (pack.value.lang === 'zh-CN') return chooseMonth.value.index + "-" + showDay + " " + weekName.slice(0, 3);
-      return weekName.slice(0, 3) + ", " + monthName.slice(0, 3) + " " + chooseDay.value;
+      if (multiple)
+        return `${chooseDays.value.length}${pack.value.datePickerSelected}`;
+      if (!chooseYear.value || !chooseMonth.value || !chooseDay.value)
+        return "";
+      const weekIndex = dayjs(`${chooseYear.value}-${chooseMonth.value.index}-${chooseDay.value}`).day();
+      const week = WEEK_HEADER.find((value) => value.index === `${weekIndex}`);
+      const weekName = (_b = (_a = pack.value.datePickerWeekDict) == null ? void 0 : _a[week.index].name) != null ? _b : "";
+      const monthName = (_d = (_c = pack.value.datePickerMonthDict) == null ? void 0 : _c[chooseMonth.value.index].name) != null ? _d : "";
+      const showDay = padStart(chooseDay.value, 2, "0");
+      if (pack.value.lang === "zh-CN")
+        return `${chooseMonth.value.index}-${showDay} ${weekName.slice(0, 3)}`;
+      return `${weekName.slice(0, 3)}, ${monthName.slice(0, 3)} ${chooseDay.value}`;
     });
-    var getPanelType = computed(() => {
-      if (isYearPanel.value) return 'year';
-      if (props.type === 'month' || isMonthPanel.value) return 'month';
-      if (props.type === 'date') return 'date';
-      return '';
+    const getPanelType = computed(() => {
+      if (isYearPanel.value)
+        return "year";
+      if (props2.type === "month" || isMonthPanel.value)
+        return "month";
+      if (props2.type === "date")
+        return "date";
+      return "";
     });
-    var isUntouchable = computed(() => !props.touchable || ['', 'year'].includes(getPanelType.value));
-    var slotProps = computed(() => {
-      var _chooseMonth$value, _chooseYear$value, _chooseMonth$value$in, _chooseMonth$value2;
-      var weekIndex = dayjs(chooseYear.value + "-" + ((_chooseMonth$value = chooseMonth.value) == null ? void 0 : _chooseMonth$value.index) + "-" + chooseDay.value).day();
-      var date = chooseDay.value ? padStart(chooseDay.value, 2, '0') : '';
+    const isUntouchable = computed(() => !props2.touchable || ["", "year"].includes(getPanelType.value));
+    const slotProps = computed(() => {
+      var _a, _b, _c, _d;
+      const weekIndex = dayjs(`${chooseYear.value}-${(_a = chooseMonth.value) == null ? void 0 : _a.index}-${chooseDay.value}`).day();
+      const date = chooseDay.value ? padStart(chooseDay.value, 2, "0") : "";
       return {
-        week: "" + weekIndex,
-        year: (_chooseYear$value = chooseYear.value) != null ? _chooseYear$value : '',
-        month: (_chooseMonth$value$in = (_chooseMonth$value2 = chooseMonth.value) == null ? void 0 : _chooseMonth$value2.index) != null ? _chooseMonth$value$in : '',
+        week: `${weekIndex}`,
+        year: (_b = chooseYear.value) != null ? _b : "",
+        month: (_d = (_c = chooseMonth.value) == null ? void 0 : _c.index) != null ? _d : "",
         date
       };
     });
-    var formatRange = computed(() => getChoose.value.chooseRangeDay.map(choose => dayjs(choose).format('YYYY-MM-DD')));
-    var isSameYear = computed(() => chooseYear.value === previewYear.value);
-    var isSameMonth = computed(() => {
-      var _chooseMonth$value3;
-      return ((_chooseMonth$value3 = chooseMonth.value) == null ? void 0 : _chooseMonth$value3.index) === previewMonth.value.index;
-    });
-    var startX = 0;
-    var startY = 0;
-    var checkType = '';
-    var touchDirection;
-    watch(() => props.modelValue, value => {
-      if (!checkValue() || invalidFormatDate(value) || !value) return;
-      if (props.range) {
-        if (!isArray(value)) return;
-        rangeDone.value = value.length !== 1;
-        rangeInit(value, props.type);
-      } else if (props.multiple) {
-        if (!isArray(value)) return;
-        multipleInit(value, props.type);
-      } else {
-        dateInit(value);
-      }
-    }, {
-      immediate: true
+    const formatRange = computed(
+      () => getChoose.value.chooseRangeDay.map((choose) => dayjs(choose).format("YYYY-MM-DD"))
+    );
+    const isSameYear = computed(() => chooseYear.value === previewYear.value);
+    const isSameMonth = computed(() => {
+      var _a;
+      return ((_a = chooseMonth.value) == null ? void 0 : _a.index) === previewMonth.value.index;
     });
+    let startX = 0;
+    let startY = 0;
+    let checkType = "";
+    let touchDirection;
+    watch(
+      () => props2.modelValue,
+      (value) => {
+        if (!checkValue() || invalidFormatDate(value) || !value)
+          return;
+        if (props2.range) {
+          if (!isArray(value))
+            return;
+          rangeDone.value = value.length !== 1;
+          rangeInit(value, props2.type);
+        } else if (props2.multiple) {
+          if (!isArray(value))
+            return;
+          multipleInit(value, props2.type);
+        } else {
+          dateInit(value);
+        }
+      },
+      { immediate: true }
+    );
     watch(getPanelType, resetState);
     function clickEl(type) {
-      if (type === 'year') isYearPanel.value = true;else if (type === 'month') isMonthPanel.value = true;else {
+      if (type === "year")
+        isYearPanel.value = true;
+      else if (type === "month")
+        isMonthPanel.value = true;
+      else {
         isYearPanel.value = false;
         isMonthPanel.value = false;
       }
     }
     function handleTouchstart(event) {
-      if (isUntouchable.value) return;
-      var {
-        clientX,
-        clientY
-      } = event.touches[0];
+      if (isUntouchable.value)
+        return;
+      const { clientX, clientY } = event.touches[0];
       startX = clientX;
       startY = clientY;
     }
     function getDirection(x, y) {
-      return x >= y && x > 20 ? 'x' : 'y';
+      return x >= y && x > 20 ? "x" : "y";
     }
     function handleTouchmove(event) {
-      if (isUntouchable.value) return;
-      var {
-        clientX,
-        clientY
-      } = event.touches[0];
-      var x = clientX - startX;
-      var y = clientY - startY;
+      if (isUntouchable.value)
+        return;
+      const { clientX, clientY } = event.touches[0];
+      const x = clientX - startX;
+      const y = clientY - startY;
       touchDirection = getDirection(Math.abs(x), Math.abs(y));
-      checkType = x > 0 ? 'prev' : 'next';
+      checkType = x > 0 ? "prev" : "next";
     }
     function handleTouchend() {
-      return _handleTouchend.apply(this, arguments);
-    }
-    function _handleTouchend() {
-      _handleTouchend = _asyncToGenerator(function* () {
-        if (isUntouchable.value || touchDirection !== 'x') return;
-        var componentRef = getPanelType.value === 'month' ? monthPanelEl : dayPanelEl;
+      return __async(this, null, function* () {
+        if (isUntouchable.value || touchDirection !== "x")
+          return;
+        const componentRef = getPanelType.value === "month" ? monthPanelEl : dayPanelEl;
         yield doubleRaf();
         componentRef.value.forwardRef(checkType);
         resetState();
       });
-      return _handleTouchend.apply(this, arguments);
     }
     function updateRange(date, type) {
-      var rangeDate = type === 'month' ? chooseRangeMonth : chooseRangeDay;
+      const rangeDate = type === "month" ? chooseRangeMonth : chooseRangeDay;
       rangeDate.value = rangeDone.value ? [date, date] : [rangeDate.value[0], date];
       rangeDone.value = !rangeDone.value;
       if (rangeDone.value) {
-        var isChangeOrder = dayjs(rangeDate.value[0]).isAfter(rangeDate.value[1]);
-        var _date = isChangeOrder ? [rangeDate.value[1], rangeDate.value[0]] : [...rangeDate.value];
-        call(props['onUpdate:modelValue'], _date);
-        call(props.onChange, _date);
+        const isChangeOrder = dayjs(rangeDate.value[0]).isAfter(rangeDate.value[1]);
+        const date2 = isChangeOrder ? [rangeDate.value[1], rangeDate.value[0]] : [...rangeDate.value];
+        call(props2["onUpdate:modelValue"], date2);
+        call(props2.onChange, date2);
       }
     }
     function updateMultiple(date, type) {
-      var multipleDates = type === 'month' ? chooseMonths : chooseDays;
-      var formatType = type === 'month' ? 'YYYY-MM' : 'YYYY-MM-DD';
-      var formatDates = multipleDates.value.map(date => dayjs(date).format(formatType));
-      var index = formatDates.findIndex(choose => choose === date);
-      if (index === -1) formatDates.push(date);else formatDates.splice(index, 1);
-      call(props['onUpdate:modelValue'], formatDates);
-      call(props.onChange, formatDates);
+      const multipleDates = type === "month" ? chooseMonths : chooseDays;
+      const formatType = type === "month" ? "YYYY-MM" : "YYYY-MM-DD";
+      const formatDates = multipleDates.value.map((date2) => dayjs(date2).format(formatType));
+      const index = formatDates.findIndex((choose) => choose === date);
+      if (index === -1)
+        formatDates.push(date);
+      else
+        formatDates.splice(index, 1);
+      call(props2["onUpdate:modelValue"], formatDates);
+      call(props2.onChange, formatDates);
     }
     function getReverse(dateType, date) {
-      if (!chooseYear.value || !chooseMonth.value) return false;
-      if (!isSameYear.value) return chooseYear.value > previewYear.value;
-      if (dateType === 'month') return date.index < chooseMonth.value.index;
+      if (!chooseYear.value || !chooseMonth.value)
+        return false;
+      if (!isSameYear.value)
+        return chooseYear.value > previewYear.value;
+      if (dateType === "month")
+        return date.index < chooseMonth.value.index;
       return isSameMonth.value ? date < toNumber(chooseDay.value) : chooseMonth.value.index > previewMonth.value.index;
     }
     function getChooseDay(day) {
-      var {
-        readonly,
-        range,
-        multiple,
-        onChange,
-        'onUpdate:modelValue': updateModelValue
-      } = props;
-      if (day < 0 || readonly) return;
-      reverse.value = getReverse('day', day);
-      var date = previewYear.value + "-" + previewMonth.value.index + "-" + day;
-      var formatDate = dayjs(date).format('YYYY-MM-DD');
-      if (range) updateRange(formatDate, 'day');else if (multiple) updateMultiple(formatDate, 'day');else {
+      const { readonly, range, multiple, onChange, "onUpdate:modelValue": updateModelValue } = props2;
+      if (day < 0 || readonly)
+        return;
+      reverse.value = getReverse("day", day);
+      const date = `${previewYear.value}-${previewMonth.value.index}-${day}`;
+      const formatDate = dayjs(date).format("YYYY-MM-DD");
+      if (range)
+        updateRange(formatDate, "day");
+      else if (multiple)
+        updateMultiple(formatDate, "day");
+      else {
         call(updateModelValue, formatDate);
         call(onChange, formatDate);
       }
     }
     function getChooseMonth(month) {
-      var {
-        type,
-        readonly,
-        range,
-        multiple,
-        onChange,
-        onPreview,
-        'onUpdate:modelValue': updateModelValue
-      } = props;
-      reverse.value = getReverse('month', month);
-      if (type === 'month' && !readonly) {
-        var date = previewYear.value + "-" + month.index;
-        if (range) updateRange(date, 'month');else if (multiple) updateMultiple(date, 'month');else {
+      const { type, readonly, range, multiple, onChange, onPreview, "onUpdate:modelValue": updateModelValue } = props2;
+      reverse.value = getReverse("month", month);
+      if (type === "month" && !readonly) {
+        const date = `${previewYear.value}-${month.index}`;
+        if (range)
+          updateRange(date, "month");
+        else if (multiple)
+          updateMultiple(date, "month");
+        else {
           call(updateModelValue, date);
           call(onChange, date);
         }
@@ -350,84 +453,85 @@ var __sfc__ = defineComponent({
       isMonthPanel.value = false;
     }
     function getChooseYear(year) {
-      previewYear.value = "" + year;
+      previewYear.value = `${year}`;
       isYearPanel.value = false;
       isMonthPanel.value = true;
-      call(props.onPreview, toNumber(previewYear.value), toNumber(previewMonth.value.index));
+      call(props2.onPreview, toNumber(previewYear.value), toNumber(previewMonth.value.index));
     }
-    function checkPreview(type, checkType) {
-      var changeValue = checkType === 'prev' ? -1 : 1;
-      if (type === 'year') {
-        previewYear.value = "" + (toNumber(previewYear.value) + changeValue);
+    function checkPreview(type, checkType2) {
+      const changeValue = checkType2 === "prev" ? -1 : 1;
+      if (type === "year") {
+        previewYear.value = `${toNumber(previewYear.value) + changeValue}`;
       } else {
-        var checkIndex = toNumber(previewMonth.value.index) + changeValue;
+        let checkIndex = toNumber(previewMonth.value.index) + changeValue;
         if (checkIndex < 1) {
-          previewYear.value = "" + (toNumber(previewYear.value) - 1);
+          previewYear.value = `${toNumber(previewYear.value) - 1}`;
           checkIndex = 12;
         }
         if (checkIndex > 12) {
-          previewYear.value = "" + (toNumber(previewYear.value) + 1);
+          previewYear.value = `${toNumber(previewYear.value) + 1}`;
           checkIndex = 1;
         }
-        previewMonth.value = MONTH_LIST.find(month => toNumber(month.index) === checkIndex);
+        previewMonth.value = MONTH_LIST.find((month) => toNumber(month.index) === checkIndex);
       }
-      call(props.onPreview, toNumber(previewYear.value), toNumber(previewMonth.value.index));
+      call(props2.onPreview, toNumber(previewYear.value), toNumber(previewMonth.value.index));
     }
     function checkValue() {
-      if ((props.multiple || props.range) && !isArray(props.modelValue)) {
+      if ((props2.multiple || props2.range) && !isArray(props2.modelValue)) {
         console.error('[Varlet] DatePicker: type of prop "modelValue" should be an Array');
         return false;
       }
-      if (!props.multiple && !props.range && isArray(props.modelValue)) {
+      if (!props2.multiple && !props2.range && isArray(props2.modelValue)) {
         console.error('[Varlet] DatePicker: type of prop "modelValue" should be a String');
         return false;
       }
       return true;
     }
     function invalidFormatDate(date) {
-      if (isArray(date)) return false;
-      if (date === 'Invalid Date') {
+      if (isArray(date))
+        return false;
+      if (date === "Invalid Date") {
         console.error('[Varlet] DatePicker: "modelValue" is an Invalid Date');
         return true;
       }
       return false;
     }
     function rangeInit(value, type) {
-      var rangeDate = type === 'month' ? chooseRangeMonth : chooseRangeDay;
-      var formatType = type === 'month' ? 'YYYY-MM' : 'YYYY-MM-D';
-      var formatDateList = value.map(choose => dayjs(choose).format(formatType)).slice(0, 2);
-      var isValid = rangeDate.value.some(date => invalidFormatDate(date));
-      if (isValid) return;
+      const rangeDate = type === "month" ? chooseRangeMonth : chooseRangeDay;
+      const formatType = type === "month" ? "YYYY-MM" : "YYYY-MM-D";
+      const formatDateList = value.map((choose) => dayjs(choose).format(formatType)).slice(0, 2);
+      const isValid = rangeDate.value.some((date) => invalidFormatDate(date));
+      if (isValid)
+        return;
       rangeDate.value = formatDateList;
-      var isChangeOrder = dayjs(rangeDate.value[0]).isAfter(rangeDate.value[1]);
+      const isChangeOrder = dayjs(rangeDate.value[0]).isAfter(rangeDate.value[1]);
       if (rangeDate.value.length === 2 && isChangeOrder) {
         rangeDate.value = [rangeDate.value[1], rangeDate.value[0]];
       }
     }
     function multipleInit(value, type) {
-      var rangeDate = type === 'month' ? chooseMonths : chooseDays;
-      var formatType = type === 'month' ? 'YYYY-MM' : 'YYYY-MM-D';
-
-      // need uniq
-      var formatDateList = Array.from(new Set(value.map(choose => dayjs(choose).format(formatType))));
-      rangeDate.value = formatDateList.filter(date => date !== 'Invalid Date');
+      const rangeDate = type === "month" ? chooseMonths : chooseDays;
+      const formatType = type === "month" ? "YYYY-MM" : "YYYY-MM-D";
+      const formatDateList = Array.from(new Set(value.map((choose) => dayjs(choose).format(formatType))));
+      rangeDate.value = formatDateList.filter((date) => date !== "Invalid Date");
     }
     function dateInit(value) {
-      var formatDate = dayjs(value).format('YYYY-MM-D');
-      if (invalidFormatDate(formatDate)) return;
-      var [yearValue, monthValue, dayValue] = formatDate.split('-');
-      var monthDes = MONTH_LIST.find(month => month.index === monthValue);
-      chooseMonth.value = monthDes;
+      const formatDate = dayjs(value).format("YYYY-MM-D");
+      if (invalidFormatDate(formatDate))
+        return;
+      const [yearValue, monthValue, dayValue] = formatDate.split("-");
+      const monthDes2 = MONTH_LIST.find((month) => month.index === monthValue);
+      chooseMonth.value = monthDes2;
       chooseYear.value = yearValue;
       chooseDay.value = dayValue;
-      previewMonth.value = monthDes;
+      previewMonth.value = monthDes2;
       previewYear.value = yearValue;
     }
     function resetState() {
       startY = 0;
       startX = 0;
-      checkType = '';
-      touchDirection = undefined;
+      checkType = "";
+      touchDirection = void 0;
     }
     return {
       monthPanelEl,
@@ -463,4 +567,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};