@element-plus/nightly 0.0.20220121 → 0.0.20220125

package/es/components/date-picker/src/date-picker-com/panel-date-range.vue_vue_type_template_id_62b45ab2_lang.mjs

@@ -1,316 +0,0 @@
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, renderList, toDisplayString, createCommentVNode, createVNode, withDirectives, withCtx, createBlock, createTextVNode } from 'vue';
-
-const _hoisted_1 = { class: "el-picker-panel__body-wrapper" };
-const _hoisted_2 = {
-  key: 0,
-  class: "el-picker-panel__sidebar"
-};
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "el-picker-panel__body" };
-const _hoisted_5 = {
-  key: 0,
-  class: "el-date-range-picker__time-header"
-};
-const _hoisted_6 = { class: "el-date-range-picker__editors-wrap" };
-const _hoisted_7 = { class: "el-date-range-picker__time-picker-wrap" };
-const _hoisted_8 = { class: "el-date-range-picker__time-picker-wrap" };
-const _hoisted_9 = { class: "el-date-range-picker__editors-wrap is-right" };
-const _hoisted_10 = { class: "el-date-range-picker__time-picker-wrap" };
-const _hoisted_11 = { class: "el-date-range-picker__time-picker-wrap" };
-const _hoisted_12 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
-const _hoisted_13 = { class: "el-date-range-picker__header" };
-const _hoisted_14 = ["disabled"];
-const _hoisted_15 = ["disabled"];
-const _hoisted_16 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
-const _hoisted_17 = { class: "el-date-range-picker__header" };
-const _hoisted_18 = ["disabled"];
-const _hoisted_19 = ["disabled"];
-const _hoisted_20 = {
-  key: 0,
-  class: "el-picker-panel__footer"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_input = resolveComponent("el-input");
-  const _component_time_pick_panel = resolveComponent("time-pick-panel");
-  const _component_arrow_right = resolveComponent("arrow-right");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_d_arrow_left = resolveComponent("d-arrow-left");
-  const _component_arrow_left = resolveComponent("arrow-left");
-  const _component_d_arrow_right = resolveComponent("d-arrow-right");
-  const _component_date_table = resolveComponent("date-table");
-  const _component_el_button = resolveComponent("el-button");
-  const _directive_clickoutside = resolveDirective("clickoutside");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-picker-panel el-date-range-picker", [
-      {
-        "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts,
-        "has-time": _ctx.showTime
-      }
-    ]])
-  }, [
-    createElementVNode("div", _hoisted_1, [
-      renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
-          return openBlock(), createElementBlock("button", {
-            key,
-            type: "button",
-            class: "el-picker-panel__shortcut",
-            onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-          }, toDisplayString(shortcut.text), 9, _hoisted_3);
-        }), 128))
-      ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4, [
-        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          createElementVNode("span", _hoisted_6, [
-            createElementVNode("span", _hoisted_7, [
-              createVNode(_component_el_input, {
-                size: "small",
-                disabled: _ctx.rangeState.selecting,
-                placeholder: _ctx.t("el.datepicker.startDate"),
-                class: "el-date-range-picker__editor",
-                "model-value": _ctx.minVisibleDate,
-                onInput: _cache[0] || (_cache[0] = (val) => _ctx.handleDateInput(val, "min")),
-                onChange: _cache[1] || (_cache[1] = (val) => _ctx.handleDateChange(val, "min"))
-              }, null, 8, ["disabled", "placeholder", "model-value"])
-            ]),
-            withDirectives((openBlock(), createElementBlock("span", _hoisted_8, [
-              createVNode(_component_el_input, {
-                size: "small",
-                class: "el-date-range-picker__editor",
-                disabled: _ctx.rangeState.selecting,
-                placeholder: _ctx.t("el.datepicker.startTime"),
-                "model-value": _ctx.minVisibleTime,
-                onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.minTimePickerVisible = true),
-                onInput: _cache[3] || (_cache[3] = (val) => _ctx.handleTimeInput(val, "min")),
-                onChange: _cache[4] || (_cache[4] = (val) => _ctx.handleTimeChange(val, "min"))
-              }, null, 8, ["disabled", "placeholder", "model-value"]),
-              createVNode(_component_time_pick_panel, {
-                visible: _ctx.minTimePickerVisible,
-                format: _ctx.timeFormat,
-                "datetime-role": "start",
-                "time-arrow-control": _ctx.arrowControl,
-                "parsed-value": _ctx.leftDate,
-                onPick: _ctx.handleMinTimePick
-              }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value", "onPick"])
-            ])), [
-              [_directive_clickoutside, _ctx.handleMinTimeClose]
-            ])
-          ]),
-          createElementVNode("span", null, [
-            createVNode(_component_el_icon, null, {
-              default: withCtx(() => [
-                createVNode(_component_arrow_right)
-              ]),
-              _: 1
-            })
-          ]),
-          createElementVNode("span", _hoisted_9, [
-            createElementVNode("span", _hoisted_10, [
-              createVNode(_component_el_input, {
-                size: "small",
-                class: "el-date-range-picker__editor",
-                disabled: _ctx.rangeState.selecting,
-                placeholder: _ctx.t("el.datepicker.endDate"),
-                "model-value": _ctx.maxVisibleDate,
-                readonly: !_ctx.minDate,
-                onInput: _cache[5] || (_cache[5] = (val) => _ctx.handleDateInput(val, "max")),
-                onChange: _cache[6] || (_cache[6] = (val) => _ctx.handleDateChange(val, "max"))
-              }, null, 8, ["disabled", "placeholder", "model-value", "readonly"])
-            ]),
-            withDirectives((openBlock(), createElementBlock("span", _hoisted_11, [
-              createVNode(_component_el_input, {
-                size: "small",
-                class: "el-date-range-picker__editor",
-                disabled: _ctx.rangeState.selecting,
-                placeholder: _ctx.t("el.datepicker.endTime"),
-                "model-value": _ctx.maxVisibleTime,
-                readonly: !_ctx.minDate,
-                onFocus: _cache[7] || (_cache[7] = ($event) => _ctx.minDate && (_ctx.maxTimePickerVisible = true)),
-                onInput: _cache[8] || (_cache[8] = (val) => _ctx.handleTimeInput(val, "max")),
-                onChange: _cache[9] || (_cache[9] = (val) => _ctx.handleTimeChange(val, "max"))
-              }, null, 8, ["disabled", "placeholder", "model-value", "readonly"]),
-              createVNode(_component_time_pick_panel, {
-                "datetime-role": "end",
-                visible: _ctx.maxTimePickerVisible,
-                format: _ctx.timeFormat,
-                "time-arrow-control": _ctx.arrowControl,
-                "parsed-value": _ctx.rightDate,
-                onPick: _ctx.handleMaxTimePick
-              }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value", "onPick"])
-            ])), [
-              [_directive_clickoutside, _ctx.handleMaxTimeClose]
-            ])
-          ])
-        ])) : createCommentVNode("v-if", true),
-        createElementVNode("div", _hoisted_12, [
-          createElementVNode("div", _hoisted_13, [
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn d-arrow-left",
-              onClick: _cache[10] || (_cache[10] = (...args) => _ctx.leftPrevYear && _ctx.leftPrevYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_left)
-                ]),
-                _: 1
-              })
-            ]),
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn arrow-left",
-              onClick: _cache[11] || (_cache[11] = (...args) => _ctx.leftPrevMonth && _ctx.leftPrevMonth(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_arrow_left)
-                ]),
-                _: 1
-              })
-            ]),
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              type: "button",
-              disabled: !_ctx.enableYearArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-right"]),
-              onClick: _cache[12] || (_cache[12] = (...args) => _ctx.leftNextYear && _ctx.leftNextYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_right)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_14)) : createCommentVNode("v-if", true),
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 1,
-              type: "button",
-              disabled: !_ctx.enableMonthArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableMonthArrow }, "el-picker-panel__icon-btn arrow-right"]),
-              onClick: _cache[13] || (_cache[13] = (...args) => _ctx.leftNextMonth && _ctx.leftNextMonth(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_arrow_right)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_15)) : createCommentVNode("v-if", true),
-            createElementVNode("div", null, toDisplayString(_ctx.leftLabel), 1)
-          ]),
-          createVNode(_component_date_table, {
-            "selection-mode": "range",
-            date: _ctx.leftDate,
-            "min-date": _ctx.minDate,
-            "max-date": _ctx.maxDate,
-            "range-state": _ctx.rangeState,
-            "disabled-date": _ctx.disabledDate,
-            "cell-class-name": _ctx.cellClassName,
-            onChangerange: _ctx.handleChangeRange,
-            onPick: _ctx.handleRangePick,
-            onSelect: _ctx.onSelect
-          }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onPick", "onSelect"])
-        ]),
-        createElementVNode("div", _hoisted_16, [
-          createElementVNode("div", _hoisted_17, [
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              type: "button",
-              disabled: !_ctx.enableYearArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-left"]),
-              onClick: _cache[14] || (_cache[14] = (...args) => _ctx.rightPrevYear && _ctx.rightPrevYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_left)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_18)) : createCommentVNode("v-if", true),
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 1,
-              type: "button",
-              disabled: !_ctx.enableMonthArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableMonthArrow }, "el-picker-panel__icon-btn arrow-left"]),
-              onClick: _cache[15] || (_cache[15] = (...args) => _ctx.rightPrevMonth && _ctx.rightPrevMonth(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_arrow_left)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_19)) : createCommentVNode("v-if", true),
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn d-arrow-right",
-              onClick: _cache[16] || (_cache[16] = (...args) => _ctx.rightNextYear && _ctx.rightNextYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_right)
-                ]),
-                _: 1
-              })
-            ]),
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn arrow-right",
-              onClick: _cache[17] || (_cache[17] = (...args) => _ctx.rightNextMonth && _ctx.rightNextMonth(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_arrow_right)
-                ]),
-                _: 1
-              })
-            ]),
-            createElementVNode("div", null, toDisplayString(_ctx.rightLabel), 1)
-          ]),
-          createVNode(_component_date_table, {
-            "selection-mode": "range",
-            date: _ctx.rightDate,
-            "min-date": _ctx.minDate,
-            "max-date": _ctx.maxDate,
-            "range-state": _ctx.rangeState,
-            "disabled-date": _ctx.disabledDate,
-            "cell-class-name": _ctx.cellClassName,
-            onChangerange: _ctx.handleChangeRange,
-            onPick: _ctx.handleRangePick,
-            onSelect: _ctx.onSelect
-          }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onPick", "onSelect"])
-        ])
-      ])
-    ]),
-    _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_20, [
-      _ctx.clearable ? (openBlock(), createBlock(_component_el_button, {
-        key: 0,
-        size: "small",
-        type: "text",
-        class: "el-picker-panel__link-btn",
-        onClick: _ctx.handleClear
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.t("el.datepicker.clear")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"])) : createCommentVNode("v-if", true),
-      createVNode(_component_el_button, {
-        plain: "",
-        size: "small",
-        class: "el-picker-panel__link-btn",
-        disabled: _ctx.btnDisabled,
-        onClick: _cache[18] || (_cache[18] = ($event) => _ctx.handleConfirm(false))
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.t("el.datepicker.confirm")), 1)
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ])) : createCommentVNode("v-if", true)
-  ], 2);
-}
-
-export { render };
-//# sourceMappingURL=panel-date-range.vue_vue_type_template_id_62b45ab2_lang.mjs.map

package/es/components/date-picker/src/date-picker-com/panel-date-range.vue_vue_type_template_id_62b45ab2_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel-date-range.vue_vue_type_template_id_62b45ab2_lang.mjs","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-date-range.vue?vue&type=template&id=62b45ab2&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-picker-panel el-date-range-picker\"\n    :class=\"[\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n      },\n    ]\"\n  >\n    <div class=\"el-picker-panel__body-wrapper\">\n      <slot name=\"sidebar\" class=\"el-picker-panel__sidebar\"></slot>\n      <div v-if=\"hasShortcuts\" class=\"el-picker-panel__sidebar\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          class=\"el-picker-panel__shortcut\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div class=\"el-picker-panel__body\">\n        <div v-if=\"showTime\" class=\"el-date-range-picker__time-header\">\n          <span class=\"el-date-range-picker__editors-wrap\">\n            <span class=\"el-date-range-picker__time-picker-wrap\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                class=\"el-date-range-picker__editor\"\n                :model-value=\"minVisibleDate\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              class=\"el-date-range-picker__time-picker-wrap\"\n            >\n              <el-input\n                size=\"small\"\n                class=\"el-date-range-picker__editor\"\n                :disabled=\"rangeState.selecting\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                @focus=\"minTimePickerVisible = true\"\n                @input=\"(val) => handleTimeInput(val, 'min')\"\n                @change=\"(val) => handleTimeChange(val, 'min')\"\n              />\n              <time-pick-panel\n                :visible=\"minTimePickerVisible\"\n                :format=\"timeFormat\"\n                datetime-role=\"start\"\n                :time-arrow-control=\"arrowControl\"\n                :parsed-value=\"leftDate\"\n                @pick=\"handleMinTimePick\"\n              />\n            </span>\n          </span>\n          <span>\n            <el-icon><arrow-right /></el-icon>\n          </span>\n          <span class=\"el-date-range-picker__editors-wrap is-right\">\n            <span class=\"el-date-range-picker__time-picker-wrap\">\n              <el-input\n                size=\"small\"\n                class=\"el-date-range-picker__editor\"\n                :disabled=\"rangeState.selecting\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              class=\"el-date-range-picker__time-picker-wrap\"\n            >\n              <el-input\n                size=\"small\"\n                class=\"el-date-range-picker__editor\"\n                :disabled=\"rangeState.selecting\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate\"\n                @focus=\"minDate && (maxTimePickerVisible = true)\"\n                @input=\"(val) => handleTimeInput(val, 'max')\"\n                @change=\"(val) => handleTimeChange(val, 'max')\"\n              />\n              <time-pick-panel\n                datetime-role=\"end\"\n                :visible=\"maxTimePickerVisible\"\n                :format=\"timeFormat\"\n                :time-arrow-control=\"arrowControl\"\n                :parsed-value=\"rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-left\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"leftPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn arrow-left\"\n              @click=\"leftPrevMonth\"\n            >\n              <el-icon><arrow-left /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow\"\n              :class=\"{ 'is-disabled': !enableMonthArrow }\"\n              class=\"el-picker-panel__icon-btn arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <el-icon><arrow-right /></el-icon>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <date-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-right\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow\"\n              :class=\"{ 'is-disabled': !enableMonthArrow }\"\n              class=\"el-picker-panel__icon-btn arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <el-icon><arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <el-icon><arrow-right /></el-icon>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <date-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n    <div v-if=\"showTime\" class=\"el-picker-panel__footer\">\n      <el-button\n        v-if=\"clearable\"\n        size=\"small\"\n        type=\"text\"\n        class=\"el-picker-panel__link-btn\"\n        @click=\"handleClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        plain\n        size=\"small\"\n        class=\"el-picker-panel__link-btn\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, watch, toRef } from 'vue'\nimport dayjs from 'dayjs'\nimport ElButton from '@element-plus/components/button'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport {\n  extractDateFormat,\n  extractTimeFormat,\n  TimePickPanel,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport { isValidDatePickType } from '@element-plus/utils/validators'\nimport {\n  DArrowLeft,\n  ArrowLeft,\n  DArrowRight,\n  ArrowRight,\n} from '@element-plus/icons-vue'\nimport DateTable from './basic-date-table.vue'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { IDatePickerType } from '../date-picker.type'\n\nexport default defineComponent({\n  directives: { clickoutside: ClickOutside },\n\n  components: {\n    TimePickPanel,\n    DateTable,\n    ElInput,\n    ElButton,\n    ElIcon,\n    DArrowLeft,\n    ArrowLeft,\n    DArrowRight,\n    ArrowRight,\n  },\n\n  props: {\n    unlinkPanels: Boolean,\n    parsedValue: {\n      type: Array as PropType<Dayjs[]>,\n    },\n    type: {\n      type: String as PropType<IDatePickerType>,\n      required: true,\n      validator: isValidDatePickType,\n    },\n  },\n\n  emits: ['pick', 'set-picker-option', 'calendar-change', 'panel-change'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const leftDate = ref(dayjs().locale(lang.value))\n    const rightDate = ref(dayjs().locale(lang.value).add(1, 'month'))\n    const minDate = ref(null)\n    const maxDate = ref(null)\n    const dateUserInput = ref({\n      min: null,\n      max: null,\n    })\n\n    const timeUserInput = ref({\n      min: null,\n      max: null,\n    })\n\n    const leftLabel = computed(() => {\n      return `${leftDate.value.year()} ${t('el.datepicker.year')} ${t(\n        `el.datepicker.month${leftDate.value.month() + 1}`\n      )}`\n    })\n\n    const rightLabel = computed(() => {\n      return `${rightDate.value.year()} ${t('el.datepicker.year')} ${t(\n        `el.datepicker.month${rightDate.value.month() + 1}`\n      )}`\n    })\n\n    const leftYear = computed(() => {\n      return leftDate.value.year()\n    })\n\n    const leftMonth = computed(() => {\n      return leftDate.value.month()\n    })\n\n    const rightYear = computed(() => {\n      return rightDate.value.year()\n    })\n\n    const rightMonth = computed(() => {\n      return rightDate.value.month()\n    })\n\n    const hasShortcuts = computed(() => !!shortcuts.length)\n\n    const minVisibleDate = computed(() => {\n      if (dateUserInput.value.min !== null) return dateUserInput.value.min\n      if (minDate.value) return minDate.value.format(dateFormat.value)\n      return ''\n    })\n\n    const maxVisibleDate = computed(() => {\n      if (dateUserInput.value.max !== null) return dateUserInput.value.max\n      if (maxDate.value || minDate.value)\n        return (maxDate.value || minDate.value).format(dateFormat.value)\n      return ''\n    })\n\n    const minVisibleTime = computed(() => {\n      if (timeUserInput.value.min !== null) return timeUserInput.value.min\n      if (minDate.value) return minDate.value.format(timeFormat.value)\n      return ''\n    })\n\n    const maxVisibleTime = computed(() => {\n      if (timeUserInput.value.max !== null) return timeUserInput.value.max\n      if (maxDate.value || minDate.value)\n        return (maxDate.value || minDate.value).format(timeFormat.value)\n      return ''\n    })\n\n    const timeFormat = computed(() => {\n      return extractTimeFormat(format)\n    })\n\n    const dateFormat = computed(() => {\n      return extractDateFormat(format)\n    })\n\n    const leftPrevYear = () => {\n      leftDate.value = leftDate.value.subtract(1, 'year')\n      if (!props.unlinkPanels) {\n        rightDate.value = leftDate.value.add(1, 'month')\n      }\n      handlePanelChange('year')\n    }\n\n    const leftPrevMonth = () => {\n      leftDate.value = leftDate.value.subtract(1, 'month')\n      if (!props.unlinkPanels) {\n        rightDate.value = leftDate.value.add(1, 'month')\n      }\n      handlePanelChange('month')\n    }\n\n    const rightNextYear = () => {\n      if (!props.unlinkPanels) {\n        leftDate.value = leftDate.value.add(1, 'year')\n        rightDate.value = leftDate.value.add(1, 'month')\n      } else {\n        rightDate.value = rightDate.value.add(1, 'year')\n      }\n      handlePanelChange('year')\n    }\n\n    const rightNextMonth = () => {\n      if (!props.unlinkPanels) {\n        leftDate.value = leftDate.value.add(1, 'month')\n        rightDate.value = leftDate.value.add(1, 'month')\n      } else {\n        rightDate.value = rightDate.value.add(1, 'month')\n      }\n      handlePanelChange('month')\n    }\n\n    const leftNextYear = () => {\n      leftDate.value = leftDate.value.add(1, 'year')\n      handlePanelChange('year')\n    }\n\n    const leftNextMonth = () => {\n      leftDate.value = leftDate.value.add(1, 'month')\n      handlePanelChange('month')\n    }\n\n    const rightPrevYear = () => {\n      rightDate.value = rightDate.value.subtract(1, 'year')\n      handlePanelChange('year')\n    }\n\n    const rightPrevMonth = () => {\n      rightDate.value = rightDate.value.subtract(1, 'month')\n      handlePanelChange('month')\n    }\n\n    const handlePanelChange = (mode: 'month' | 'year') => {\n      ctx.emit(\n        'panel-change',\n        [leftDate.value.toDate(), rightDate.value.toDate()],\n        mode\n      )\n    }\n\n    const enableMonthArrow = computed(() => {\n      const nextMonth = (leftMonth.value + 1) % 12\n      const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0\n      return (\n        props.unlinkPanels &&\n        new Date(leftYear.value + yearOffset, nextMonth) <\n          new Date(rightYear.value, rightMonth.value)\n      )\n    })\n\n    const enableYearArrow = computed(() => {\n      return (\n        props.unlinkPanels &&\n        rightYear.value * 12 +\n          rightMonth.value -\n          (leftYear.value * 12 + leftMonth.value + 1) >=\n          12\n      )\n    })\n\n    const isValidValue = (value) => {\n      return (\n        Array.isArray(value) &&\n        value[0] &&\n        value[1] &&\n        value[0].valueOf() <= value[1].valueOf()\n      )\n    }\n\n    const rangeState = ref({\n      endDate: null,\n      selecting: false,\n    })\n\n    const btnDisabled = computed(() => {\n      return !(\n        minDate.value &&\n        maxDate.value &&\n        !rangeState.value.selecting &&\n        isValidValue([minDate.value, maxDate.value])\n      )\n    })\n\n    const handleChangeRange = (val) => {\n      rangeState.value = val\n    }\n\n    const onSelect = (selecting) => {\n      rangeState.value.selecting = selecting\n      if (!selecting) {\n        rangeState.value.endDate = null\n      }\n    }\n\n    const showTime = computed(\n      () => props.type === 'datetime' || props.type === 'datetimerange'\n    )\n\n    const handleConfirm = (visible = false) => {\n      if (isValidValue([minDate.value, maxDate.value])) {\n        ctx.emit('pick', [minDate.value, maxDate.value], visible)\n      }\n    }\n\n    const formatEmit = (emitDayjs: Dayjs, index?) => {\n      if (!emitDayjs) return\n      if (defaultTime) {\n        const defaultTimeD = dayjs(defaultTime[index] || defaultTime).locale(\n          lang.value\n        )\n        return defaultTimeD\n          .year(emitDayjs.year())\n          .month(emitDayjs.month())\n          .date(emitDayjs.date())\n      }\n      return emitDayjs\n    }\n\n    const handleRangePick = (val, close = true) => {\n      const min_ = val.minDate\n      const max_ = val.maxDate\n      const minDate_ = formatEmit(min_, 0)\n      const maxDate_ = formatEmit(max_, 1)\n\n      if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n        return\n      }\n      ctx.emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n      maxDate.value = maxDate_\n      minDate.value = minDate_\n\n      if (!close || showTime.value) return\n      handleConfirm()\n    }\n\n    const handleShortcutClick = (shortcut) => {\n      const shortcutValues =\n        typeof shortcut.value === 'function' ? shortcut.value() : shortcut.value\n      if (shortcutValues) {\n        ctx.emit('pick', [\n          dayjs(shortcutValues[0]).locale(lang.value),\n          dayjs(shortcutValues[1]).locale(lang.value),\n        ])\n        return\n      }\n      if (shortcut.onClick) {\n        shortcut.onClick(ctx)\n      }\n    }\n\n    const minTimePickerVisible = ref(false)\n    const maxTimePickerVisible = ref(false)\n\n    const handleMinTimeClose = () => {\n      minTimePickerVisible.value = false\n    }\n\n    const handleMaxTimeClose = () => {\n      maxTimePickerVisible.value = false\n    }\n\n    const handleDateInput = (value, type) => {\n      dateUserInput.value[type] = value\n      const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\n\n      if (parsedValueD.isValid()) {\n        if (disabledDate && disabledDate(parsedValueD.toDate())) {\n          return\n        }\n        if (type === 'min') {\n          leftDate.value = parsedValueD\n          minDate.value = (minDate.value || leftDate.value)\n            .year(parsedValueD.year())\n            .month(parsedValueD.month())\n            .date(parsedValueD.date())\n          if (!props.unlinkPanels) {\n            rightDate.value = parsedValueD.add(1, 'month')\n            maxDate.value = minDate.value.add(1, 'month')\n          }\n        } else {\n          rightDate.value = parsedValueD\n          maxDate.value = (maxDate.value || rightDate.value)\n            .year(parsedValueD.year())\n            .month(parsedValueD.month())\n            .date(parsedValueD.date())\n          if (!props.unlinkPanels) {\n            leftDate.value = parsedValueD.subtract(1, 'month')\n            minDate.value = maxDate.value.subtract(1, 'month')\n          }\n        }\n      }\n    }\n\n    const handleDateChange = (_, type) => {\n      dateUserInput.value[type] = null\n    }\n\n    const handleTimeInput = (value, type) => {\n      timeUserInput.value[type] = value\n      const parsedValueD = dayjs(value, timeFormat.value).locale(lang.value)\n\n      if (parsedValueD.isValid()) {\n        if (type === 'min') {\n          minTimePickerVisible.value = true\n          minDate.value = (minDate.value || leftDate.value)\n            .hour(parsedValueD.hour())\n            .minute(parsedValueD.minute())\n            .second(parsedValueD.second())\n          if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n            maxDate.value = minDate.value\n          }\n        } else {\n          maxTimePickerVisible.value = true\n          maxDate.value = (maxDate.value || rightDate.value)\n            .hour(parsedValueD.hour())\n            .minute(parsedValueD.minute())\n            .second(parsedValueD.second())\n          rightDate.value = maxDate.value\n          if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n            minDate.value = maxDate.value\n          }\n        }\n      }\n    }\n\n    const handleTimeChange = (value, type) => {\n      timeUserInput.value[type] = null\n      if (type === 'min') {\n        leftDate.value = minDate.value\n        minTimePickerVisible.value = false\n      } else {\n        rightDate.value = maxDate.value\n        maxTimePickerVisible.value = false\n      }\n    }\n\n    const handleMinTimePick = (value, visible, first) => {\n      if (timeUserInput.value.min) return\n      if (value) {\n        leftDate.value = value\n        minDate.value = (minDate.value || leftDate.value)\n          .hour(value.hour())\n          .minute(value.minute())\n          .second(value.second())\n      }\n\n      if (!first) {\n        minTimePickerVisible.value = visible\n      }\n\n      if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n        maxDate.value = minDate.value\n        rightDate.value = value\n      }\n    }\n\n    const handleMaxTimePick = (value, visible, first) => {\n      if (timeUserInput.value.max) return\n      if (value) {\n        rightDate.value = value\n        maxDate.value = (maxDate.value || rightDate.value)\n          .hour(value.hour())\n          .minute(value.minute())\n          .second(value.second())\n      }\n\n      if (!first) {\n        maxTimePickerVisible.value = visible\n      }\n\n      if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n        minDate.value = maxDate.value\n      }\n    }\n\n    const handleClear = () => {\n      leftDate.value = getDefaultValue()[0]\n      rightDate.value = leftDate.value.add(1, 'month')\n      ctx.emit('pick', null)\n    }\n\n    const formatToString = (value: Dayjs | Dayjs[]) => {\n      return Array.isArray(value)\n        ? value.map((_) => _.format(format))\n        : value.format(format)\n    }\n\n    const parseUserInput = (value: Dayjs | Dayjs[]) => {\n      return Array.isArray(value)\n        ? value.map((_) => dayjs(_, format).locale(lang.value))\n        : dayjs(value, format).locale(lang.value)\n    }\n\n    const getDefaultValue = () => {\n      let start: Dayjs\n      if (Array.isArray(defaultValue.value)) {\n        const left = dayjs(defaultValue.value[0])\n        let right = dayjs(defaultValue.value[1])\n        if (!props.unlinkPanels) {\n          right = left.add(1, 'month')\n        }\n        return [left, right]\n      } else if (defaultValue.value) {\n        start = dayjs(defaultValue.value)\n      } else {\n        start = dayjs()\n      }\n\n      start = start.locale(lang.value)\n      return [start, start.add(1, 'month')]\n    }\n\n    ctx.emit('set-picker-option', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['parseUserInput', parseUserInput])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    ctx.emit('set-picker-option', ['handleClear', handleClear])\n\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const {\n      shortcuts,\n      disabledDate,\n      cellClassName,\n      format,\n      defaultTime,\n      arrowControl,\n      clearable,\n    } = pickerBase.props\n    const defaultValue = toRef(pickerBase.props, 'defaultValue')\n\n    watch(\n      () => defaultValue.value,\n      (val) => {\n        if (val) {\n          const defaultArr = getDefaultValue()\n          minDate.value = null\n          maxDate.value = null\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => props.parsedValue,\n      (newVal) => {\n        if (newVal && newVal.length === 2) {\n          minDate.value = newVal[0]\n          maxDate.value = newVal[1]\n          leftDate.value = minDate.value\n          if (props.unlinkPanels && maxDate.value) {\n            const minDateYear = minDate.value.year()\n            const minDateMonth = minDate.value.month()\n            const maxDateYear = maxDate.value.year()\n            const maxDateMonth = maxDate.value.month()\n            rightDate.value =\n              minDateYear === maxDateYear && minDateMonth === maxDateMonth\n                ? maxDate.value.add(1, 'month')\n                : maxDate.value\n          } else {\n            rightDate.value = leftDate.value.add(1, 'month')\n            if (maxDate.value) {\n              rightDate.value = rightDate.value\n                .hour(maxDate.value.hour())\n                .minute(maxDate.value.minute())\n                .second(maxDate.value.second())\n            }\n          }\n        } else {\n          const defaultArr = getDefaultValue()\n          minDate.value = null\n          maxDate.value = null\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    return {\n      shortcuts,\n      disabledDate,\n      cellClassName,\n      minTimePickerVisible,\n      maxTimePickerVisible,\n      handleMinTimeClose,\n      handleMaxTimeClose,\n      handleShortcutClick,\n      rangeState,\n      minDate,\n      maxDate,\n      handleRangePick,\n      onSelect,\n      handleChangeRange,\n      btnDisabled,\n      enableYearArrow,\n      enableMonthArrow,\n      rightPrevMonth,\n      rightPrevYear,\n      rightNextMonth,\n      rightNextYear,\n      leftPrevMonth,\n      leftPrevYear,\n      leftNextMonth,\n      leftNextYear,\n      hasShortcuts,\n      leftLabel,\n      rightLabel,\n      leftDate,\n      rightDate,\n      showTime,\n      t,\n      minVisibleDate,\n      maxVisibleDate,\n      minVisibleTime,\n      maxVisibleTime,\n      arrowControl,\n      handleDateInput,\n      handleDateChange,\n      handleTimeInput,\n      handleTimeChange,\n      handleMinTimePick,\n      handleMaxTimePick,\n      handleClear,\n      handleConfirm,\n      timeFormat,\n      clearable,\n    }\n  },\n})\n</script>\n"],"names":["_createVNode"],"mappings":";;;;;;EAY+B;;;;;;EAYF;;qBACb,KAAK,EAAC;qBACJ,KAAK,EAAC,wCAAwC;qBAalD,KAAK,EAAC;;sBA0BF,KAAK,EAAC,wCAAwC;sBAclD,KAAK,EAAC;sBAyBV,KAAK,EAAC;;;;sBAqDN,KAAK,EAAC;;;;;;EAsDS;;;;;;;;;;;;;;;;;;;;;;;;iDAxMQ;;;;;;gBAKvB;;;;;;;;;2BAQF;;gBAEI;;wBAEQ,EAAC;;;0BAGC;;oBAEL;;;;;;;;;;;;;;;;2BAmBO;;;;;;;;;;;cASd;;mCACW;;;;;;;gBAGT;;;;;;;;oBAQK;;;;;;;yBAUI;8CACiB;uCACP;;+BAEH;;;;;;;;;;;;;;;;;;;;;;kBAqBV;mBACC;;;;;;;;;;;kBAMD;mBACC;;;;;kBAGI;;;;;;;;kBAIT;;;;;;;sBAMS;;;;;;6BAGS;;;;;;;;;;sBAOT;;;;;;YAEX;;;;;;YAMC;;;6BAGe;;;;;;;;;;;;;kBAcb;yBAEK;;;;;;;;;;aAKA,iBAAY;8BADpB;;;6BAGc;;;;kBAKZA;;;;;;;;;;cAIAA;;;;;;;;;;YAKF;kBACM;;;;;mCAIoB;+BAAA;;;;;;;;;;YAOzB;YACA;0CACuB;;;wBAGZ;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/date-picker/src/date-picker-com/panel-month-range.vue_vue_type_script_lang.mjs

@@ -1,182 +0,0 @@
-import { defineComponent, ref, computed, inject, toRef, watch } from 'vue';
-import dayjs from 'dayjs';
-import { ElIcon } from '../../../icon/index.mjs';
-import '../../../../hooks/index.mjs';
-import { DArrowLeft, DArrowRight } from '@element-plus/icons-vue';
-import './basic-month-table.mjs';
-import script$1 from './basic-month-table.vue_vue_type_script_lang.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
-
-var script = defineComponent({
-  components: { MonthTable: script$1, ElIcon, DArrowLeft, DArrowRight },
-  props: {
-    unlinkPanels: Boolean,
-    parsedValue: {
-      type: Array
-    }
-  },
-  emits: ["pick", "set-picker-option"],
-  setup(props, ctx) {
-    const { t, lang } = useLocale();
-    const leftDate = ref(dayjs().locale(lang.value));
-    const rightDate = ref(dayjs().locale(lang.value).add(1, "year"));
-    const hasShortcuts = computed(() => !!shortcuts.length);
-    const handleShortcutClick = (shortcut) => {
-      const shortcutValues = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
-      if (shortcutValues) {
-        ctx.emit("pick", [
-          dayjs(shortcutValues[0]).locale(lang.value),
-          dayjs(shortcutValues[1]).locale(lang.value)
-        ]);
-        return;
-      }
-      if (shortcut.onClick) {
-        shortcut.onClick(ctx);
-      }
-    };
-    const leftPrevYear = () => {
-      leftDate.value = leftDate.value.subtract(1, "year");
-      if (!props.unlinkPanels) {
-        rightDate.value = rightDate.value.subtract(1, "year");
-      }
-    };
-    const rightNextYear = () => {
-      if (!props.unlinkPanels) {
-        leftDate.value = leftDate.value.add(1, "year");
-      }
-      rightDate.value = rightDate.value.add(1, "year");
-    };
-    const leftNextYear = () => {
-      leftDate.value = leftDate.value.add(1, "year");
-    };
-    const rightPrevYear = () => {
-      rightDate.value = rightDate.value.subtract(1, "year");
-    };
-    const leftLabel = computed(() => {
-      return `${leftDate.value.year()} ${t("el.datepicker.year")}`;
-    });
-    const rightLabel = computed(() => {
-      return `${rightDate.value.year()} ${t("el.datepicker.year")}`;
-    });
-    const leftYear = computed(() => {
-      return leftDate.value.year();
-    });
-    const rightYear = computed(() => {
-      return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
-    });
-    const enableYearArrow = computed(() => {
-      return props.unlinkPanels && rightYear.value > leftYear.value + 1;
-    });
-    const minDate = ref(null);
-    const maxDate = ref(null);
-    const rangeState = ref({
-      endDate: null,
-      selecting: false
-    });
-    const handleChangeRange = (val) => {
-      rangeState.value = val;
-    };
-    const handleRangePick = (val, close = true) => {
-      const minDate_ = val.minDate;
-      const maxDate_ = val.maxDate;
-      if (maxDate.value === maxDate_ && minDate.value === minDate_) {
-        return;
-      }
-      maxDate.value = maxDate_;
-      minDate.value = minDate_;
-      if (!close)
-        return;
-      handleConfirm();
-    };
-    const isValidValue = (value) => {
-      return Array.isArray(value) && value && value[0] && value[1] && value[0].valueOf() <= value[1].valueOf();
-    };
-    const handleConfirm = (visible = false) => {
-      if (isValidValue([minDate.value, maxDate.value])) {
-        ctx.emit("pick", [minDate.value, maxDate.value], visible);
-      }
-    };
-    const onSelect = (selecting) => {
-      rangeState.value.selecting = selecting;
-      if (!selecting) {
-        rangeState.value.endDate = null;
-      }
-    };
-    const formatToString = (value) => {
-      return value.map((_) => _.format(format));
-    };
-    const getDefaultValue = () => {
-      let start;
-      if (Array.isArray(defaultValue.value)) {
-        const left = dayjs(defaultValue.value[0]);
-        let right = dayjs(defaultValue.value[1]);
-        if (!props.unlinkPanels) {
-          right = left.add(1, "year");
-        }
-        return [left, right];
-      } else if (defaultValue.value) {
-        start = dayjs(defaultValue.value);
-      } else {
-        start = dayjs();
-      }
-      start = start.locale(lang.value);
-      return [start, start.add(1, "year")];
-    };
-    ctx.emit("set-picker-option", ["formatToString", formatToString]);
-    const pickerBase = inject("EP_PICKER_BASE");
-    const { shortcuts, disabledDate, format } = pickerBase.props;
-    const defaultValue = toRef(pickerBase.props, "defaultValue");
-    watch(() => defaultValue.value, (val) => {
-      if (val) {
-        const defaultArr = getDefaultValue();
-        leftDate.value = defaultArr[0];
-        rightDate.value = defaultArr[1];
-      }
-    }, { immediate: true });
-    watch(() => props.parsedValue, (newVal) => {
-      if (newVal && newVal.length === 2) {
-        minDate.value = newVal[0];
-        maxDate.value = newVal[1];
-        leftDate.value = minDate.value;
-        if (props.unlinkPanels && maxDate.value) {
-          const minDateYear = minDate.value.year();
-          const maxDateYear = maxDate.value.year();
-          rightDate.value = minDateYear === maxDateYear ? maxDate.value.add(1, "year") : maxDate.value;
-        } else {
-          rightDate.value = leftDate.value.add(1, "year");
-        }
-      } else {
-        const defaultArr = getDefaultValue();
-        minDate.value = null;
-        maxDate.value = null;
-        leftDate.value = defaultArr[0];
-        rightDate.value = defaultArr[1];
-      }
-    }, { immediate: true });
-    return {
-      shortcuts,
-      disabledDate,
-      onSelect,
-      handleRangePick,
-      rangeState,
-      handleChangeRange,
-      minDate,
-      maxDate,
-      enableYearArrow,
-      leftLabel,
-      rightLabel,
-      leftNextYear,
-      leftPrevYear,
-      rightNextYear,
-      rightPrevYear,
-      t,
-      leftDate,
-      rightDate,
-      hasShortcuts,
-      handleShortcutClick
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=panel-month-range.vue_vue_type_script_lang.mjs.map

package/es/components/date-picker/src/date-picker-com/panel-month-range.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel-month-range.vue_vue_type_script_lang.mjs","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-picker-panel el-date-range-picker\"\n    :class=\"[\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n      },\n    ]\"\n  >\n    <div class=\"el-picker-panel__body-wrapper\">\n      <slot name=\"sidebar\" class=\"el-picker-panel__sidebar\"></slot>\n      <div v-if=\"hasShortcuts\" class=\"el-picker-panel__sidebar\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          class=\"el-picker-panel__shortcut\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div class=\"el-picker-panel__body\">\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-left\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"leftPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-right\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch, inject, toRef } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport default defineComponent({\n  components: { MonthTable, ElIcon, DArrowLeft, DArrowRight },\n\n  props: {\n    unlinkPanels: Boolean,\n    parsedValue: {\n      type: Array as PropType<Dayjs[]>,\n    },\n  },\n\n  emits: ['pick', 'set-picker-option'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const leftDate = ref(dayjs().locale(lang.value))\n    const rightDate = ref(dayjs().locale(lang.value).add(1, 'year'))\n\n    const hasShortcuts = computed(() => !!shortcuts.length)\n\n    const handleShortcutClick = (shortcut) => {\n      const shortcutValues =\n        typeof shortcut.value === 'function' ? shortcut.value() : shortcut.value\n      if (shortcutValues) {\n        ctx.emit('pick', [\n          dayjs(shortcutValues[0]).locale(lang.value),\n          dayjs(shortcutValues[1]).locale(lang.value),\n        ])\n        return\n      }\n      if (shortcut.onClick) {\n        shortcut.onClick(ctx)\n      }\n    }\n\n    const leftPrevYear = () => {\n      leftDate.value = leftDate.value.subtract(1, 'year')\n      if (!props.unlinkPanels) {\n        rightDate.value = rightDate.value.subtract(1, 'year')\n      }\n    }\n\n    const rightNextYear = () => {\n      if (!props.unlinkPanels) {\n        leftDate.value = leftDate.value.add(1, 'year')\n      }\n      rightDate.value = rightDate.value.add(1, 'year')\n    }\n\n    const leftNextYear = () => {\n      leftDate.value = leftDate.value.add(1, 'year')\n    }\n\n    const rightPrevYear = () => {\n      rightDate.value = rightDate.value.subtract(1, 'year')\n    }\n    const leftLabel = computed(() => {\n      return `${leftDate.value.year()} ${t('el.datepicker.year')}`\n    })\n\n    const rightLabel = computed(() => {\n      return `${rightDate.value.year()} ${t('el.datepicker.year')}`\n    })\n\n    const leftYear = computed(() => {\n      return leftDate.value.year()\n    })\n\n    const rightYear = computed(() => {\n      return rightDate.value.year() === leftDate.value.year()\n        ? leftDate.value.year() + 1\n        : rightDate.value.year()\n    })\n\n    const enableYearArrow = computed(() => {\n      return props.unlinkPanels && rightYear.value > leftYear.value + 1\n    })\n\n    const minDate = ref(null)\n    const maxDate = ref(null)\n\n    const rangeState = ref({\n      endDate: null,\n      selecting: false,\n    })\n\n    const handleChangeRange = (val) => {\n      rangeState.value = val\n    }\n\n    const handleRangePick = (val, close = true) => {\n      // const defaultTime = props.defaultTime || []\n      // const minDate_ = modifyWithTimeString(val.minDate, defaultTime[0])\n      // const maxDate_ = modifyWithTimeString(val.maxDate, defaultTime[1])\n      // todo\n      const minDate_ = val.minDate\n      const maxDate_ = val.maxDate\n      if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n        return\n      }\n      maxDate.value = maxDate_\n      minDate.value = minDate_\n\n      if (!close) return\n      handleConfirm()\n    }\n\n    const isValidValue = (value) => {\n      return (\n        Array.isArray(value) &&\n        value &&\n        value[0] &&\n        value[1] &&\n        value[0].valueOf() <= value[1].valueOf()\n      )\n    }\n\n    const handleConfirm = (visible = false) => {\n      if (isValidValue([minDate.value, maxDate.value])) {\n        ctx.emit('pick', [minDate.value, maxDate.value], visible)\n      }\n    }\n\n    const onSelect = (selecting) => {\n      rangeState.value.selecting = selecting\n      if (!selecting) {\n        rangeState.value.endDate = null\n      }\n    }\n\n    const formatToString = (value) => {\n      return value.map((_) => _.format(format))\n    }\n\n    const getDefaultValue = () => {\n      let start: Dayjs\n      if (Array.isArray(defaultValue.value)) {\n        const left = dayjs(defaultValue.value[0])\n        let right = dayjs(defaultValue.value[1])\n        if (!props.unlinkPanels) {\n          right = left.add(1, 'year')\n        }\n        return [left, right]\n      } else if (defaultValue.value) {\n        start = dayjs(defaultValue.value)\n      } else {\n        start = dayjs()\n      }\n      start = start.locale(lang.value)\n      return [start, start.add(1, 'year')]\n    }\n\n    // pickerBase.hub.emit('SetPickerOption', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const { shortcuts, disabledDate, format } = pickerBase.props\n    const defaultValue = toRef(pickerBase.props, 'defaultValue')\n\n    watch(\n      () => defaultValue.value,\n      (val) => {\n        if (val) {\n          const defaultArr = getDefaultValue()\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => props.parsedValue,\n      (newVal) => {\n        if (newVal && newVal.length === 2) {\n          minDate.value = newVal[0]\n          maxDate.value = newVal[1]\n          leftDate.value = minDate.value\n          if (props.unlinkPanels && maxDate.value) {\n            const minDateYear = minDate.value.year()\n            const maxDateYear = maxDate.value.year()\n            rightDate.value =\n              minDateYear === maxDateYear\n                ? maxDate.value.add(1, 'year')\n                : maxDate.value\n          } else {\n            rightDate.value = leftDate.value.add(1, 'year')\n          }\n        } else {\n          const defaultArr = getDefaultValue()\n          minDate.value = null\n          maxDate.value = null\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    return {\n      shortcuts,\n      disabledDate,\n      onSelect,\n      handleRangePick,\n      rangeState,\n      handleChangeRange,\n      minDate,\n      maxDate,\n      enableYearArrow,\n      leftLabel,\n      rightLabel,\n      leftNextYear,\n      leftPrevYear,\n      rightNextYear,\n      rightPrevYear,\n      t,\n      leftDate,\n      rightDate,\n      hasShortcuts,\n      handleShortcutClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AAwGA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;AACT,IAAI,YAAY,EAAE,OAAO;;AAEzB,UAAU,EAAE,KAAK;KACZ;;EAEH,KAAK,EAAE;OACF,CAAC,KAAK,EAAE,GAAG,EAAE;IAChB,MAAM,EAAE,CAAC,EAAE;UACL,QAAQ,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;IAC7B;;;MAGE,MAAM,cAAc,GAAG,OAAO;;QAE5B,GAAG,CAAC,IAAI,CAAC;UACP,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;UACxB,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;UACrC,CAAC;;OAEJ;;QAEC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE;OACvB;;UAEG,YAAY;cACR,CAAC,KAAK,GAAG;UACb,CAAC,KAAK,CAAC,YAAY,EAAE;iBACd,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;;;;MAI9C,IAAI,CAAC,KAAK,CAAC;QACT,QAAQ,CAAC,KAAK,GAAG;;;;IAIrB,MAAM,eAAe,MAAM;MACzB,QAAQ,CAAC,QAAQ,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;MAC/C;UACI,gBAAgB,MAAM;MAC1B;;;MAGA,OAAO,CAAC,EAAE,QAAQ,MAAM;MACxB,CAAC;UACG,UAAU,GAAG,QAAQ,CAAC,MAAM;MAChC;MACA,CAAC;IACH;;KAEC,CAAC,CAAC;UACG,SAAS,WAAW,CAAC,MAAM;;;IAGjC,MAAM;MACJ,OAAO,KAAK,CAAC,YAAY,IAAI,SAAS,CAAC,KAAK,GAAG;;IAEjD,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;UACpB,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;IAC1B;;MAEE,SAAS,EAAE;MACX,CAAC;IACH;;KAEC,CAAC;UACI,eAAe,GAAG,CAAC,GAAG;;;MAG1B,IAAI,OAAO,CAAC,KAAK,KAAK;QACpB,OAAO;;aAEF,CAAC,KAAK,GAAG,QAAQ,CAAC;;;QAGvB,OAAO;MACT,aAAa,EAAE,CAAC;KACjB;;MAEC,OAAO,KAAK,QAAQ,CAAC;KACtB,CAAC;;MAEA,IAAI,aAAa,CAAC;QAChB,GAAG,CAAC,IAAI,CAAC;OACV;KACF;;MAEC,UAAU,CAAC,KAAK,CAAC,SAAS;MAC1B,IAAI,CAAC,SAAS;;;KAGf,CAAC;UACI,cAAc,GAAG,MAAM,KAAK;MAChC,OAAO,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;MAC1C;UACI;MACJ,IAAI,KAAK,CAAC;MACV,IAAI,KAAK,CAAC,OAAO,CAAC;cACV,IAAI,GAAG,KAAK,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAI;;UAEF,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;SACnB;;OAEF,MAAM;QACL,KAAK,GAAG;;;OAGT;MACD,KAAK;aACE,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG;;QAEtB,IAAI,CAAC;UACH;UACA,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE;;IAEzC;;QAEI,MAAM,UAAU,GAAG,eAAe,EAAE,CAAC;gBAC7B,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE;QAC/B,SAAS,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC;;;;MAIjC,IAAI,MAAM,UAAU,CAAC,MAAM;QACzB,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,EAAE;eAClB,CAAC;QACR,QAAQ,CAAC,KAAK,GAAG,QAAQ,KAAK;;;;UAI5B,SAAS,CAAC,KAAK,GAAG;SACnB,MAAM;;;OAGR,MAAM;QACL,MAAM;eACC,CAAC,KAAK,GAAG,IAAI,CAAC;QACrB,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;QACrB,QAAQ,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAC/B,SAAS,CAAC,KAAK,GAAG;;;WAGf;MACL;kBACY;MACZ;qBACe;MACf;MACA,iBAAiB;MACjB,OAAO;;;eAGE;MACT,UAAU;MACV,YAAY;MACZ,YAAY;MACZ,aAAa;;MAEb,CAAC;MACD,QAAQ;MACR,SAAS;;yBAEU;;;;;;;"}