@element-plus/nightly 0.0.20220527 → 0.0.20220528

package/dist/locale/zh-tw.min.mjs

@@ -1,2 +1,2 @@
-/*! Element Plus v0.0.20220527 */var u={name:"zh-tw",el:{colorpicker:{confirm:"\u78BA\u8A8D",clear:"\u6E05\u7A7A"},datepicker:{now:"\u73FE\u5728",today:"\u4ECA\u5929",cancel:"\u53D6\u6D88",clear:"\u6E05\u7A7A",confirm:"\u78BA\u8A8D",selectDate:"\u9078\u64C7\u65E5\u671F",selectTime:"\u9078\u64C7\u6642\u9593",startDate:"\u958B\u59CB\u65E5\u671F",startTime:"\u958B\u59CB\u6642\u9593",endDate:"\u7D50\u675F\u65E5\u671F",endTime:"\u7D50\u675F\u6642\u9593",prevYear:"\u524D\u4E00\u5E74",nextYear:"\u5F8C\u4E00\u5E74",prevMonth:"\u4E0A\u500B\u6708",nextMonth:"\u4E0B\u500B\u6708",year:"\u5E74",month1:"1 \u6708",month2:"2 \u6708",month3:"3 \u6708",month4:"4 \u6708",month5:"5 \u6708",month6:"6 \u6708",month7:"7 \u6708",month8:"8 \u6708",month9:"9 \u6708",month10:"10 \u6708",month11:"11 \u6708",month12:"12 \u6708",weeks:{sun:"\u65E5",mon:"\u4E00",tue:"\u4E8C",wed:"\u4E09",thu:"\u56DB",fri:"\u4E94",sat:"\u516D"},months:{jan:"\u4E00\u6708",feb:"\u4E8C\u6708",mar:"\u4E09\u6708",apr:"\u56DB\u6708",may:"\u4E94\u6708",jun:"\u516D\u6708",jul:"\u4E03\u6708",aug:"\u516B\u6708",sep:"\u4E5D\u6708",oct:"\u5341\u6708",nov:"\u5341\u4E00\u6708",dec:"\u5341\u4E8C\u6708"}},select:{loading:"\u52A0\u8F09\u4E2D",noMatch:"\u7121\u5339\u914D\u8CC7\u6599",noData:"\u7121\u8CC7\u6599",placeholder:"\u8ACB\u9078\u64C7"},cascader:{noMatch:"\u7121\u5339\u914D\u8CC7\u6599",loading:"\u52A0\u8F09\u4E2D",placeholder:"\u8ACB\u9078\u64C7",noData:"\u7121\u8CC7\u6599"},pagination:{goto:"\u524D\u5F80",pagesize:"\u9805/\u9801",total:"\u5171 {total} \u9805",pageClassifier:"\u9801"},messagebox:{title:"\u63D0\u793A",confirm:"\u78BA\u5B9A",cancel:"\u53D6\u6D88",error:"\u8F38\u5165\u7684\u8CC7\u6599\u4E0D\u7B26\u898F\u5B9A!"},upload:{deleteTip:"\u6309 delete \u9375\u53EF\u522A\u9664",delete:"\u522A\u9664",preview:"\u67E5\u770B\u5716\u7247",continue:"\u7E7C\u7E8C\u4E0A\u50B3"},table:{emptyText:"\u66AB\u7121\u8CC7\u6599",confirmFilter:"\u7BE9\u9078",resetFilter:"\u91CD\u7F6E",clearFilter:"\u5168\u90E8",sumText:"\u5408\u8A08"},tree:{emptyText:"\u66AB\u7121\u8CC7\u6599"},transfer:{noMatch:"\u7121\u5339\u914D\u8CC7\u6599",noData:"\u7121\u8CC7\u6599",titles:["\u5217\u8868 1","\u5217\u8868 2"],filterPlaceholder:"\u8ACB\u8F38\u5165\u641C\u7D22\u5167\u5BB9",noCheckedFormat:"\u5171 {total} \u9805",hasCheckedFormat:"\u5DF2\u9078 {checked}/{total} \u9805"},image:{error:"\u52A0\u8F09\u5931\u6557"},pageHeader:{title:"\u8FD4\u56DE"},popconfirm:{confirmButtonText:"\u78BA\u8A8D",cancelButtonText:"\u53D6\u6D88"}}};export{u as default};
+/*! Element Plus v0.0.20220528 */var u={name:"zh-tw",el:{colorpicker:{confirm:"\u78BA\u8A8D",clear:"\u6E05\u7A7A"},datepicker:{now:"\u73FE\u5728",today:"\u4ECA\u5929",cancel:"\u53D6\u6D88",clear:"\u6E05\u7A7A",confirm:"\u78BA\u8A8D",selectDate:"\u9078\u64C7\u65E5\u671F",selectTime:"\u9078\u64C7\u6642\u9593",startDate:"\u958B\u59CB\u65E5\u671F",startTime:"\u958B\u59CB\u6642\u9593",endDate:"\u7D50\u675F\u65E5\u671F",endTime:"\u7D50\u675F\u6642\u9593",prevYear:"\u524D\u4E00\u5E74",nextYear:"\u5F8C\u4E00\u5E74",prevMonth:"\u4E0A\u500B\u6708",nextMonth:"\u4E0B\u500B\u6708",year:"\u5E74",month1:"1 \u6708",month2:"2 \u6708",month3:"3 \u6708",month4:"4 \u6708",month5:"5 \u6708",month6:"6 \u6708",month7:"7 \u6708",month8:"8 \u6708",month9:"9 \u6708",month10:"10 \u6708",month11:"11 \u6708",month12:"12 \u6708",weeks:{sun:"\u65E5",mon:"\u4E00",tue:"\u4E8C",wed:"\u4E09",thu:"\u56DB",fri:"\u4E94",sat:"\u516D"},months:{jan:"\u4E00\u6708",feb:"\u4E8C\u6708",mar:"\u4E09\u6708",apr:"\u56DB\u6708",may:"\u4E94\u6708",jun:"\u516D\u6708",jul:"\u4E03\u6708",aug:"\u516B\u6708",sep:"\u4E5D\u6708",oct:"\u5341\u6708",nov:"\u5341\u4E00\u6708",dec:"\u5341\u4E8C\u6708"}},select:{loading:"\u52A0\u8F09\u4E2D",noMatch:"\u7121\u5339\u914D\u8CC7\u6599",noData:"\u7121\u8CC7\u6599",placeholder:"\u8ACB\u9078\u64C7"},cascader:{noMatch:"\u7121\u5339\u914D\u8CC7\u6599",loading:"\u52A0\u8F09\u4E2D",placeholder:"\u8ACB\u9078\u64C7",noData:"\u7121\u8CC7\u6599"},pagination:{goto:"\u524D\u5F80",pagesize:"\u9805/\u9801",total:"\u5171 {total} \u9805",pageClassifier:"\u9801"},messagebox:{title:"\u63D0\u793A",confirm:"\u78BA\u5B9A",cancel:"\u53D6\u6D88",error:"\u8F38\u5165\u7684\u8CC7\u6599\u4E0D\u7B26\u898F\u5B9A!"},upload:{deleteTip:"\u6309 delete \u9375\u53EF\u522A\u9664",delete:"\u522A\u9664",preview:"\u67E5\u770B\u5716\u7247",continue:"\u7E7C\u7E8C\u4E0A\u50B3"},table:{emptyText:"\u66AB\u7121\u8CC7\u6599",confirmFilter:"\u7BE9\u9078",resetFilter:"\u91CD\u7F6E",clearFilter:"\u5168\u90E8",sumText:"\u5408\u8A08"},tree:{emptyText:"\u66AB\u7121\u8CC7\u6599"},transfer:{noMatch:"\u7121\u5339\u914D\u8CC7\u6599",noData:"\u7121\u8CC7\u6599",titles:["\u5217\u8868 1","\u5217\u8868 2"],filterPlaceholder:"\u8ACB\u8F38\u5165\u641C\u7D22\u5167\u5BB9",noCheckedFormat:"\u5171 {total} \u9805",hasCheckedFormat:"\u5DF2\u9078 {checked}/{total} \u9805"},image:{error:"\u52A0\u8F09\u5931\u6557"},pageHeader:{title:"\u8FD4\u56DE"},popconfirm:{confirmButtonText:"\u78BA\u8A8D",cancelButtonText:"\u53D6\u6D88"}}};export{u as default};
 //# sourceMappingURL=zh-tw.min.mjs.map

package/dist/locale/zh-tw.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220527 */
+/*! Element Plus v0.0.20220528 */
 
 var zhTw = {
   name: "zh-tw",

package/es/components/date-picker/src/composables/use-month-range-header.mjs

@@ -0,0 +1,2 @@
+export { useMonthRangeHeader } from './use-month-range-header2.mjs';
+//# sourceMappingURL=use-month-range-header.mjs.map

package/es/components/date-picker/src/composables/use-month-range-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-month-range-header.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/date-picker/src/composables/use-month-range-header2.mjs

@@ -0,0 +1,54 @@
+import { computed } from 'vue';
+import '../../../../hooks/index2.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index2.mjs';
+
+const useMonthRangeHeader = ({
+  unlinkPanels,
+  leftDate,
+  rightDate
+}) => {
+  const { t } = useLocale();
+  const leftPrevYear = () => {
+    leftDate.value = leftDate.value.subtract(1, "year");
+    if (!unlinkPanels) {
+      rightDate.value = rightDate.value.subtract(1, "year");
+    }
+  };
+  const rightNextYear = () => {
+    if (!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();
+  });
+  return {
+    leftPrevYear,
+    rightNextYear,
+    leftNextYear,
+    rightPrevYear,
+    leftLabel,
+    rightLabel,
+    leftYear,
+    rightYear
+  };
+};
+
+export { useMonthRangeHeader };
+//# sourceMappingURL=use-month-range-header2.mjs.map

package/es/components/date-picker/src/composables/use-month-range-header2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-month-range-header2.mjs","sources":["../../../../../../../packages/components/date-picker/src/composables/use-month-range-header.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport type { Ref, ToRef } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const useMonthRangeHeader = ({\n  unlinkPanels,\n  leftDate,\n  rightDate,\n}: {\n  unlinkPanels: ToRef<boolean>\n  leftDate: Ref<Dayjs>\n  rightDate: Ref<Dayjs>\n}) => {\n  const { t } = useLocale()\n  const leftPrevYear = () => {\n    leftDate.value = leftDate.value.subtract(1, 'year')\n    if (!unlinkPanels) {\n      rightDate.value = rightDate.value.subtract(1, 'year')\n    }\n  }\n\n  const rightNextYear = () => {\n    if (!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  return {\n    leftPrevYear,\n    rightNextYear,\n    leftNextYear,\n    rightPrevYear,\n    leftLabel,\n    rightLabel,\n    leftYear,\n    rightYear,\n  }\n}\n"],"names":[],"mappings":";;;;AAEY,MAAC,mBAAmB,GAAG,CAAC;AACpC,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,CAAC,KAAK;AACN,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,CAAC;AAC5B,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACxD,IAAI,IAAI,CAAC,YAAY,EAAE;AACvB,MAAM,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAC5D,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,IAAI,CAAC,YAAY,EAAE;AACvB,MAAM,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,KAAK;AACL,IAAI,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACnD,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAC1D,GAAG,CAAC;AACJ,EAAE,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM;AACnC,IAAI,OAAO,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AACjE,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM;AACpC,IAAI,OAAO,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAClE,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM;AAClC,IAAI,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;AACjC,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM;AACnC,IAAI,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;AACjH,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,GAAG,CAAC;AACJ;;;;"}

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

@@ -6,6 +6,7 @@ import '../../../../utils/index2.mjs';
 import { DArrowLeft, DArrowRight } from '@element-plus/icons-vue';
 import '../../../../tokens/index2.mjs';
 import { panelMonthRangeProps, panelMonthRangeEmits } from '../props/panel-month-range2.mjs';
+import { useMonthRangeHeader } from '../composables/use-month-range-header2.mjs';
 import MonthTable from './basic-month-table2.mjs';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
 import { ROOT_PICKER_INJECTION_KEY } from '../../../../tokens/date-picker2.mjs';
@@ -29,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY);
     const drpNs = useNamespace("date-range-picker");
-    const { t, lang } = useLocale();
+    const { lang } = useLocale();
     const leftDate = ref(dayjs().locale(lang.value));
     const rightDate = ref(dayjs().locale(lang.value).add(1, "year"));
     const hasShortcuts = computed(() => !!shortcuts.length);
@@ -50,35 +51,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    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 {
+      leftPrevYear,
+      rightNextYear,
+      leftNextYear,
+      rightPrevYear,
+      leftLabel,
+      rightLabel,
+      leftYear,
+      rightYear
+    } = useMonthRangeHeader({
+      unlinkPanels: toRef(props, "unlinkPanels"),
+      leftDate,
+      rightDate
     });
     const enableYearArrow = computed(() => {
       return props.unlinkPanels && rightYear.value > leftYear.value + 1;
@@ -210,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-left"]),
-                  onClick: leftPrevYear
+                  onClick: _cache[0] || (_cache[0] = (...args) => unref(leftPrevYear) && unref(leftPrevYear)(...args))
                 }, [
                   createVNode(unref(ElIcon), null, {
                     default: withCtx(() => [
@@ -227,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     unref(ppNs).e("icon-btn"),
                     { [unref(ppNs).is("disabled")]: !unref(enableYearArrow) }
                   ], "d-arrow-right"]),
-                  onClick: leftNextYear
+                  onClick: _cache[1] || (_cache[1] = (...args) => unref(leftNextYear) && unref(leftNextYear)(...args))
                 }, [
                   createVNode(unref(ElIcon), null, {
                     default: withCtx(() => [
@@ -261,7 +246,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "button",
                   disabled: !unref(enableYearArrow),
                   class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !unref(enableYearArrow) }], "d-arrow-left"]),
-                  onClick: rightPrevYear
+                  onClick: _cache[2] || (_cache[2] = (...args) => unref(rightPrevYear) && unref(rightPrevYear)(...args))
                 }, [
                   createVNode(unref(ElIcon), null, {
                     default: withCtx(() => [
@@ -273,7 +258,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
-                  onClick: rightNextYear
+                  onClick: _cache[3] || (_cache[3] = (...args) => unref(rightNextYear) && unref(rightNextYear)(...args))
                 }, [
                   createVNode(unref(ElIcon), null, {
                     default: withCtx(() => [

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

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range2.mjs","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"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=\"[\n                ppNs.e('icon-btn'),\n                { [ppNs.is('disabled')]: !enableYearArrow },\n              ]\"\n              class=\"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 :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"[ppNs.e('icon-btn'), { 'is-disabled': !enableYearArrow }]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"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\" setup>\nimport { computed, inject, ref, toRef, useAttrs, useSlots, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { isArray, isFunction } from '@element-plus/utils'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { ROOT_PICKER_INJECTION_KEY } from '@element-plus/tokens'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { RangeState } from '../props/shared'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY)!\nconst drpNs = useNamespace('date-range-picker')\nconst { t, lang } = useLocale()\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, 'year'))\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\n// FIXME: extract this to `date-picker.ts`\ntype Shortcut = {\n  text: string\n  value: [Date, Date] | (() => [Date, Date])\n  onClick?: (\n    ctx: Omit<SetupContext<typeof panelMonthRangeEmits>, 'expose'>\n  ) => void\n}\n\nconst handleShortcutClick = (shortcut: Shortcut) => {\n  const shortcutValues = isFunction(shortcut.value)\n    ? shortcut.value()\n    : shortcut.value\n\n  if (shortcutValues) {\n    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({\n      attrs,\n      slots,\n      emit,\n    })\n  }\n}\n\nconst leftPrevYear = () => {\n  leftDate.value = leftDate.value.subtract(1, 'year')\n  if (!props.unlinkPanels) {\n    rightDate.value = rightDate.value.subtract(1, 'year')\n  }\n}\n\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = leftDate.value.add(1, 'year')\n  }\n  rightDate.value = rightDate.value.add(1, 'year')\n}\n\nconst leftNextYear = () => {\n  leftDate.value = leftDate.value.add(1, 'year')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = rightDate.value.subtract(1, 'year')\n}\nconst leftLabel = computed(() => {\n  return `${leftDate.value.year()} ${t('el.datepicker.year')}`\n})\n\nconst rightLabel = computed(() => {\n  return `${rightDate.value.year()} ${t('el.datepicker.year')}`\n})\n\nconst leftYear = computed(() => {\n  return leftDate.value.year()\n})\n\nconst rightYear = computed(() => {\n  return rightDate.value.year() === leftDate.value.year()\n    ? leftDate.value.year() + 1\n    : rightDate.value.year()\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\nconst minDate = ref<Dayjs>()\nconst maxDate = ref<Dayjs>()\n\nconst rangeState = ref<RangeState>({\n  endDate: null,\n  selecting: false,\n})\n\nconst handleChangeRange = (val: RangeState) => {\n  rangeState.value = val\n}\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, 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\nconst isValidValue = (value: [Dayjs | undefined, Dayjs | undefined]) => {\n  return (\n    isArray(value) &&\n    value &&\n    value[0] &&\n    value[1] &&\n    value[0].valueOf() <= value[1].valueOf()\n  )\n}\n\nconst handleConfirm = (visible = false) => {\n  if (isValidValue([minDate.value, maxDate.value])) {\n    emit('pick', [minDate.value, maxDate.value], visible)\n  }\n}\n\nconst onSelect = (selecting: boolean) => {\n  rangeState.value.selecting = selecting\n  if (!selecting) {\n    rangeState.value.endDate = null\n  }\n}\n\nconst formatToString = (days: Dayjs[]) => {\n  return days.map((day) => day.format(format))\n}\n\nconst getDefaultValue = () => {\n  let start: Dayjs\n  if (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])\nemit('set-picker-option', ['formatToString', formatToString])\nconst pickerBase = inject('EP_PICKER_BASE') as any\nconst { shortcuts, disabledDate, format } = pickerBase.props\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nwatch(\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\nwatch(\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 = undefined\n      maxDate.value = undefined\n      leftDate.value = defaultArr[0]\n      rightDate.value = defaultArr[1]\n    }\n  },\n  { immediate: true }\n)\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"panel-month-range2.mjs","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"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=\"[\n                ppNs.e('icon-btn'),\n                { [ppNs.is('disabled')]: !enableYearArrow },\n              ]\"\n              class=\"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 :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"[ppNs.e('icon-btn'), { 'is-disabled': !enableYearArrow }]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"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\" setup>\nimport { computed, inject, ref, toRef, useAttrs, useSlots, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { isArray, isFunction } from '@element-plus/utils'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { ROOT_PICKER_INJECTION_KEY } from '@element-plus/tokens'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { RangeState } from '../props/shared'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY)!\nconst drpNs = useNamespace('date-range-picker')\nconst { lang } = useLocale()\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, 'year'))\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\n// FIXME: extract this to `date-picker.ts`\ntype Shortcut = {\n  text: string\n  value: [Date, Date] | (() => [Date, Date])\n  onClick?: (\n    ctx: Omit<SetupContext<typeof panelMonthRangeEmits>, 'expose'>\n  ) => void\n}\n\nconst handleShortcutClick = (shortcut: Shortcut) => {\n  const shortcutValues = isFunction(shortcut.value)\n    ? shortcut.value()\n    : shortcut.value\n\n  if (shortcutValues) {\n    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({\n      attrs,\n      slots,\n      emit,\n    })\n  }\n}\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\nconst minDate = ref<Dayjs>()\nconst maxDate = ref<Dayjs>()\n\nconst rangeState = ref<RangeState>({\n  endDate: null,\n  selecting: false,\n})\n\nconst handleChangeRange = (val: RangeState) => {\n  rangeState.value = val\n}\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, 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\nconst isValidValue = (value: [Dayjs | undefined, Dayjs | undefined]) => {\n  return (\n    isArray(value) &&\n    value &&\n    value[0] &&\n    value[1] &&\n    value[0].valueOf() <= value[1].valueOf()\n  )\n}\n\nconst handleConfirm = (visible = false) => {\n  if (isValidValue([minDate.value, maxDate.value])) {\n    emit('pick', [minDate.value, maxDate.value], visible)\n  }\n}\n\nconst onSelect = (selecting: boolean) => {\n  rangeState.value.selecting = selecting\n  if (!selecting) {\n    rangeState.value.endDate = null\n  }\n}\n\nconst formatToString = (days: Dayjs[]) => {\n  return days.map((day) => day.format(format))\n}\n\nconst getDefaultValue = () => {\n  let start: Dayjs\n  if (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])\nemit('set-picker-option', ['formatToString', formatToString])\nconst pickerBase = inject('EP_PICKER_BASE') as any\nconst { shortcuts, disabledDate, format } = pickerBase.props\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nwatch(\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\nwatch(\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 = undefined\n      maxDate.value = undefined\n      leftDate.value = defaultArr[0]\n      rightDate.value = defaultArr[1]\n    }\n  },\n  { immediate: true }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HA,IAAA,MAAA,QAAA,QAAA,EAAA,CAAA;AACA,IAAA,MAAA,QAAA,QAAA,EAAA,CAAA;AAEA,IAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,GAAA,MAAA,CAAA,yBAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAA,GAAA,aAAA,mBAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,SAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,CAAA,KAAA,GAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,GAAA,GAAA,CAAA,KAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,EAAA,MAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,eAAA,QAAA,CAAA,MAAA,CAAA,CAAA,UAAA,MAAA,CAAA,CAAA;AAWA,IAAA,MAAA,mBAAA,GAAA,CAAA,QAAA,KAAA;AACA,MAAA,MAAA,cAAA,GAAA,WAAA,QAAA,CAAA,KAAA,IACA,QAAA,CAAA,KAAA,KACA,QAAA,CAAA,KAAA,CAAA;AAEA,MAAA,IAAA,cAAA,EAAA;AACA,QAAA,IAAA,CAAA,MAAA,EAAA;AAAA,UACA,MAAA,cAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,KAAA,CAAA;AAAA,UACA,MAAA,cAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,KAAA,CAAA;AAAA,SACA,CAAA,CAAA;AACA,QAAA,OAAA;AAAA,OACA;AACA,MAAA,IAAA,SAAA,OAAA,EAAA;AACA,QAAA,QAAA,CAAA,OAAA,CAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,IAAA;AAAA,SACA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,KAAA,GACA,mBAAA,CAAA;AAAA,MACA,YAAA,EAAA,KAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,eAAA,GAAA,SAAA,MAAA;AACA,MAAA,OAAA,KAAA,CAAA,YAAA,IAAA,SAAA,CAAA,KAAA,GAAA,SAAA,KAAA,GAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAA,EAAA,CAAA;AAEA,IAAA,MAAA,aAAA,GAAA,CAAA;AAAA,MACA,OAAA,EAAA,IAAA;AAAA,MACA,SAAA,EAAA,KAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,iBAAA,GAAA,CAAA,GAAA,KAAA;AACA,MAAA,UAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,KACA,CAAA;AAOA,IAAA,MAAA,eAAA,GAAA,CAAA,GAAA,EAAA,KAAA,GAAA,IAAA,KAAA;AAKA,MAAA,MAAA,WAAA,GAAA,CAAA,OAAA,CAAA;AACA,MAAA,MAAA,WAAA,GAAA,CAAA,OAAA,CAAA;AACA,MAAA,IAAA,OAAA,CAAA,KAAA,KAAA,QAAA,IAAA,OAAA,CAAA,UAAA,QAAA,EAAA;AACA,QAAA,OAAA;AAAA,OACA;AACA,MAAA,OAAA,CAAA,KAAA,GAAA,QAAA,CAAA;AACA,MAAA,OAAA,CAAA,KAAA,GAAA,QAAA,CAAA;AAEA,MAAA,IAAA,CAAA,KAAA;AAAA,QAAA,OAAA;AACA,MAAA,aAAA,EAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,OACA,OAAA,CAAA,KAAA,CACA,IAAA,KAAA,IACA,MAAA,CACA,CAAA,IAAA,KAAA,CAAA,CACA,CAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA,OAAA,EAAA,IAAA,KAAA,CAAA,GAAA,OAAA,EAAA,CAAA;AAAA,KAEA,CAAA;AAEA,IAAA,MAAA,aAAA,GAAA,CAAA,OAAA,GAAA,KAAA,KAAA;AACA,MAAA,IAAA,aAAA,CAAA,OAAA,CAAA,OAAA,OAAA,CAAA,KAAA,CAAA,CAAA,EAAA;AACA,QAAA,IAAA,CAAA,QAAA,CAAA,OAAA,CAAA,OAAA,OAAA,CAAA,KAAA,GAAA,OAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,QAAA,GAAA,CAAA,SAAA,KAAA;AACA,MAAA,UAAA,CAAA,MAAA,SAAA,GAAA,SAAA,CAAA;AACA,MAAA,IAAA,CAAA,SAAA,EAAA;AACA,QAAA,UAAA,CAAA,MAAA,OAAA,GAAA,IAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,OAAA,KAAA,GAAA,CAAA,CAAA,QAAA,GAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,kBAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA;AACA,MAAA,IAAA,OAAA,CAAA,YAAA,CAAA,KAAA,CAAA,EAAA;AACA,QAAA,MAAA,IAAA,GAAA,KAAA,CAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,QAAA,IAAA,KAAA,GAAA,KAAA,CAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,QAAA,IAAA,CAAA,MAAA,YAAA,EAAA;AACA,UAAA,KAAA,GAAA,IAAA,CAAA,GAAA,CAAA,CAAA,EAAA,MAAA,CAAA,CAAA;AAAA,SACA;AACA,QAAA,OAAA,CAAA,MAAA,KAAA,CAAA,CAAA;AAAA,OACA,MAAA,IAAA,aAAA,KAAA,EAAA;AACA,QAAA,KAAA,GAAA,KAAA,CAAA,aAAA,KAAA,CAAA,CAAA;AAAA,OACA,MAAA;AACA,QAAA,KAAA,GAAA,KAAA,EAAA,CAAA;AAAA,OACA;AACA,MAAA,KAAA,GAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AACA,MAAA,OAAA,CAAA,KAAA,EAAA,KAAA,CAAA,GAAA,CAAA,CAAA,EAAA,MAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAGA,IAAA,IAAA,CAAA,mBAAA,EAAA,CAAA,gBAAA,EAAA,cAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAA,OAAA,gBAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,SAAA,EAAA,YAAA,EAAA,MAAA,EAAA,GAAA,UAAA,CAAA,KAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAA,KAAA,CAAA,UAAA,CAAA,KAAA,EAAA,cAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CACA,MAAA,YAAA,CAAA,KACA,EAAA,CAAA,GAAA,KAAA;AACA,MAAA,IAAA,GAAA,EAAA;AACA,QAAA,MAAA,aAAA,eAAA,EAAA,CAAA;AACA,QAAA,QAAA,CAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AACA,QAAA,SAAA,CAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACA;AAAA,KAEA,EAAA,EAAA,SAAA,EAAA,IAAA,EACA,CAAA,CAAA;AAEA,IAAA,KAAA,CACA,MAAA,KAAA,CAAA,WACA,EAAA,CAAA,MAAA,KAAA;AACA,MAAA,IAAA,MAAA,IAAA,MAAA,CAAA,MAAA,KAAA,CAAA,EAAA;AACA,QAAA,OAAA,CAAA,QAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AACA,QAAA,OAAA,CAAA,QAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AACA,QAAA,QAAA,CAAA,QAAA,OAAA,CAAA,KAAA,CAAA;AACA,QAAA,IAAA,KAAA,CAAA,YAAA,IAAA,OAAA,CAAA,KAAA,EAAA;AACA,UAAA,MAAA,WAAA,GAAA,OAAA,CAAA,KAAA,CAAA,IAAA,EAAA,CAAA;AACA,UAAA,MAAA,WAAA,GAAA,OAAA,CAAA,KAAA,CAAA,IAAA,EAAA,CAAA;AACA,UAAA,SAAA,CAAA,KAAA,GACA,gBAAA,WACA,GAAA,OAAA,CAAA,MAAA,GAAA,CAAA,CAAA,EAAA,MAAA,CAAA,GACA,OAAA,CAAA,KAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,SAAA,CAAA,KAAA,GAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,MAAA,CAAA,CAAA;AAAA,SACA;AAAA,OACA,MAAA;AACA,QAAA,MAAA,aAAA,eAAA,EAAA,CAAA;AACA,QAAA,OAAA,CAAA,KAAA,GAAA,KAAA,CAAA,CAAA;AACA,QAAA,OAAA,CAAA,KAAA,GAAA,KAAA,CAAA,CAAA;AACA,QAAA,QAAA,CAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AACA,QAAA,SAAA,CAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACA;AAAA,KAEA,EAAA,EAAA,SAAA,EAAA,IAAA,EACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/date-picker/src/composables/use-month-range-header.d.ts

@@ -0,0 +1,16 @@
+import type { Ref, ToRef } from 'vue';
+import type { Dayjs } from 'dayjs';
+export declare const useMonthRangeHeader: ({ unlinkPanels, leftDate, rightDate, }: {
+    unlinkPanels: ToRef<boolean>;
+    leftDate: Ref<Dayjs>;
+    rightDate: Ref<Dayjs>;
+}) => {
+    leftPrevYear: () => void;
+    rightNextYear: () => void;
+    leftNextYear: () => void;
+    rightPrevYear: () => void;
+    leftLabel: import("vue").ComputedRef<string>;
+    rightLabel: import("vue").ComputedRef<string>;
+    leftYear: import("vue").ComputedRef<number>;
+    rightYear: import("vue").ComputedRef<number>;
+};

package/es/packages/components/date-picker/src/date-picker-com/panel-month-range.vue.d.ts

@@ -65,7 +65,6 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-    t: import("element-plus/es/hooks").Translator;
     lang: import("vue").Ref<string>;
     leftDate: import("vue").Ref<{
         clone: () => dayjs.Dayjs;

package/es/packages/components/date-picker/src/utils.d.ts

@@ -1268,7 +1268,6 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-    t: import("../../..").Translator;
     lang: import("vue").Ref<string>;
     leftDate: import("vue").Ref<{
         clone: () => Dayjs;

package/es/packages/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20220527";
+export declare const version = "0.0.20220528";

package/es/version2.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20220527";
+const version = "0.0.20220528";
 
 export { version };
 //# sourceMappingURL=version2.mjs.map

package/es/version2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version2.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220527'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version2.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220528'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/date-picker/src/composables/use-month-range-header.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useMonthRangeHeader = require('./use-month-range-header2.js');
+
+
+
+exports.useMonthRangeHeader = useMonthRangeHeader.useMonthRangeHeader;
+//# sourceMappingURL=use-month-range-header.js.map

package/lib/components/date-picker/src/composables/use-month-range-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-month-range-header.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/date-picker/src/composables/use-month-range-header2.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../../hooks/index2.js');
+var index = require('../../../../hooks/use-locale/index2.js');
+
+const useMonthRangeHeader = ({
+  unlinkPanels,
+  leftDate,
+  rightDate
+}) => {
+  const { t } = index.useLocale();
+  const leftPrevYear = () => {
+    leftDate.value = leftDate.value.subtract(1, "year");
+    if (!unlinkPanels) {
+      rightDate.value = rightDate.value.subtract(1, "year");
+    }
+  };
+  const rightNextYear = () => {
+    if (!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 = vue.computed(() => {
+    return `${leftDate.value.year()} ${t("el.datepicker.year")}`;
+  });
+  const rightLabel = vue.computed(() => {
+    return `${rightDate.value.year()} ${t("el.datepicker.year")}`;
+  });
+  const leftYear = vue.computed(() => {
+    return leftDate.value.year();
+  });
+  const rightYear = vue.computed(() => {
+    return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
+  });
+  return {
+    leftPrevYear,
+    rightNextYear,
+    leftNextYear,
+    rightPrevYear,
+    leftLabel,
+    rightLabel,
+    leftYear,
+    rightYear
+  };
+};
+
+exports.useMonthRangeHeader = useMonthRangeHeader;
+//# sourceMappingURL=use-month-range-header2.js.map

package/lib/components/date-picker/src/composables/use-month-range-header2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-month-range-header2.js","sources":["../../../../../../../packages/components/date-picker/src/composables/use-month-range-header.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport type { Ref, ToRef } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const useMonthRangeHeader = ({\n  unlinkPanels,\n  leftDate,\n  rightDate,\n}: {\n  unlinkPanels: ToRef<boolean>\n  leftDate: Ref<Dayjs>\n  rightDate: Ref<Dayjs>\n}) => {\n  const { t } = useLocale()\n  const leftPrevYear = () => {\n    leftDate.value = leftDate.value.subtract(1, 'year')\n    if (!unlinkPanels) {\n      rightDate.value = rightDate.value.subtract(1, 'year')\n    }\n  }\n\n  const rightNextYear = () => {\n    if (!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  return {\n    leftPrevYear,\n    rightNextYear,\n    leftNextYear,\n    rightPrevYear,\n    leftLabel,\n    rightLabel,\n    leftYear,\n    rightYear,\n  }\n}\n"],"names":["useLocale","computed"],"mappings":";;;;;;;;AAEY,MAAC,mBAAmB,GAAG,CAAC;AACpC,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,CAAC,KAAK;AACN,EAAE,MAAM,EAAE,CAAC,EAAE,GAAGA,eAAS,EAAE,CAAC;AAC5B,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACxD,IAAI,IAAI,CAAC,YAAY,EAAE;AACvB,MAAM,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAC5D,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,IAAI,CAAC,YAAY,EAAE;AACvB,MAAM,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,KAAK;AACL,IAAI,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACnD,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAC1D,GAAG,CAAC;AACJ,EAAE,MAAM,SAAS,GAAGC,YAAQ,CAAC,MAAM;AACnC,IAAI,OAAO,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AACjE,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,UAAU,GAAGA,YAAQ,CAAC,MAAM;AACpC,IAAI,OAAO,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAClE,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAGA,YAAQ,CAAC,MAAM;AAClC,IAAI,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;AACjC,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAGA,YAAQ,CAAC,MAAM;AACnC,IAAI,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;AACjH,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,GAAG,CAAC;AACJ;;;;"}

package/lib/components/date-picker/src/date-picker-com/panel-month-range2.js

@@ -10,6 +10,7 @@ require('../../../../utils/index2.js');
 var iconsVue = require('@element-plus/icons-vue');
 require('../../../../tokens/index2.js');
 var panelMonthRange = require('../props/panel-month-range2.js');
+var useMonthRangeHeader = require('../composables/use-month-range-header2.js');
 var basicMonthTable = require('./basic-month-table2.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 var datePicker = require('../../../../tokens/date-picker2.js');
@@ -37,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const { pickerNs: ppNs } = vue.inject(datePicker.ROOT_PICKER_INJECTION_KEY);
     const drpNs = index.useNamespace("date-range-picker");
-    const { t, lang } = index$1.useLocale();
+    const { lang } = index$1.useLocale();
     const leftDate = vue.ref(dayjs__default["default"]().locale(lang.value));
     const rightDate = vue.ref(dayjs__default["default"]().locale(lang.value).add(1, "year"));
     const hasShortcuts = vue.computed(() => !!shortcuts.length);
@@ -58,35 +59,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         });
       }
     };
-    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 = vue.computed(() => {
-      return `${leftDate.value.year()} ${t("el.datepicker.year")}`;
-    });
-    const rightLabel = vue.computed(() => {
-      return `${rightDate.value.year()} ${t("el.datepicker.year")}`;
-    });
-    const leftYear = vue.computed(() => {
-      return leftDate.value.year();
-    });
-    const rightYear = vue.computed(() => {
-      return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
+    const {
+      leftPrevYear,
+      rightNextYear,
+      leftNextYear,
+      rightPrevYear,
+      leftLabel,
+      rightLabel,
+      leftYear,
+      rightYear
+    } = useMonthRangeHeader.useMonthRangeHeader({
+      unlinkPanels: vue.toRef(props, "unlinkPanels"),
+      leftDate,
+      rightDate
     });
     const enableYearArrow = vue.computed(() => {
       return props.unlinkPanels && rightYear.value > leftYear.value + 1;
@@ -218,7 +203,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("button", {
                   type: "button",
                   class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-left"]),
-                  onClick: leftPrevYear
+                  onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(leftPrevYear) && vue.unref(leftPrevYear)(...args))
                 }, [
                   vue.createVNode(vue.unref(index$2.ElIcon), null, {
                     default: vue.withCtx(() => [
@@ -235,7 +220,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     vue.unref(ppNs).e("icon-btn"),
                     { [vue.unref(ppNs).is("disabled")]: !vue.unref(enableYearArrow) }
                   ], "d-arrow-right"]),
-                  onClick: leftNextYear
+                  onClick: _cache[1] || (_cache[1] = (...args) => vue.unref(leftNextYear) && vue.unref(leftNextYear)(...args))
                 }, [
                   vue.createVNode(vue.unref(index$2.ElIcon), null, {
                     default: vue.withCtx(() => [
@@ -269,7 +254,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   type: "button",
                   disabled: !vue.unref(enableYearArrow),
                   class: vue.normalizeClass([[vue.unref(ppNs).e("icon-btn"), { "is-disabled": !vue.unref(enableYearArrow) }], "d-arrow-left"]),
-                  onClick: rightPrevYear
+                  onClick: _cache[2] || (_cache[2] = (...args) => vue.unref(rightPrevYear) && vue.unref(rightPrevYear)(...args))
                 }, [
                   vue.createVNode(vue.unref(index$2.ElIcon), null, {
                     default: vue.withCtx(() => [
@@ -281,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("button", {
                   type: "button",
                   class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
-                  onClick: rightNextYear
+                  onClick: _cache[3] || (_cache[3] = (...args) => vue.unref(rightNextYear) && vue.unref(rightNextYear)(...args))
                 }, [
                   vue.createVNode(vue.unref(index$2.ElIcon), null, {
                     default: vue.withCtx(() => [

package/lib/components/date-picker/src/date-picker-com/panel-month-range2.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range2.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"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=\"[\n                ppNs.e('icon-btn'),\n                { [ppNs.is('disabled')]: !enableYearArrow },\n              ]\"\n              class=\"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 :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"[ppNs.e('icon-btn'), { 'is-disabled': !enableYearArrow }]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"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\" setup>\nimport { computed, inject, ref, toRef, useAttrs, useSlots, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { isArray, isFunction } from '@element-plus/utils'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { ROOT_PICKER_INJECTION_KEY } from '@element-plus/tokens'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { RangeState } from '../props/shared'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY)!\nconst drpNs = useNamespace('date-range-picker')\nconst { t, lang } = useLocale()\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, 'year'))\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\n// FIXME: extract this to `date-picker.ts`\ntype Shortcut = {\n  text: string\n  value: [Date, Date] | (() => [Date, Date])\n  onClick?: (\n    ctx: Omit<SetupContext<typeof panelMonthRangeEmits>, 'expose'>\n  ) => void\n}\n\nconst handleShortcutClick = (shortcut: Shortcut) => {\n  const shortcutValues = isFunction(shortcut.value)\n    ? shortcut.value()\n    : shortcut.value\n\n  if (shortcutValues) {\n    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({\n      attrs,\n      slots,\n      emit,\n    })\n  }\n}\n\nconst leftPrevYear = () => {\n  leftDate.value = leftDate.value.subtract(1, 'year')\n  if (!props.unlinkPanels) {\n    rightDate.value = rightDate.value.subtract(1, 'year')\n  }\n}\n\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = leftDate.value.add(1, 'year')\n  }\n  rightDate.value = rightDate.value.add(1, 'year')\n}\n\nconst leftNextYear = () => {\n  leftDate.value = leftDate.value.add(1, 'year')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = rightDate.value.subtract(1, 'year')\n}\nconst leftLabel = computed(() => {\n  return `${leftDate.value.year()} ${t('el.datepicker.year')}`\n})\n\nconst rightLabel = computed(() => {\n  return `${rightDate.value.year()} ${t('el.datepicker.year')}`\n})\n\nconst leftYear = computed(() => {\n  return leftDate.value.year()\n})\n\nconst rightYear = computed(() => {\n  return rightDate.value.year() === leftDate.value.year()\n    ? leftDate.value.year() + 1\n    : rightDate.value.year()\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\nconst minDate = ref<Dayjs>()\nconst maxDate = ref<Dayjs>()\n\nconst rangeState = ref<RangeState>({\n  endDate: null,\n  selecting: false,\n})\n\nconst handleChangeRange = (val: RangeState) => {\n  rangeState.value = val\n}\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, 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\nconst isValidValue = (value: [Dayjs | undefined, Dayjs | undefined]) => {\n  return (\n    isArray(value) &&\n    value &&\n    value[0] &&\n    value[1] &&\n    value[0].valueOf() <= value[1].valueOf()\n  )\n}\n\nconst handleConfirm = (visible = false) => {\n  if (isValidValue([minDate.value, maxDate.value])) {\n    emit('pick', [minDate.value, maxDate.value], visible)\n  }\n}\n\nconst onSelect = (selecting: boolean) => {\n  rangeState.value.selecting = selecting\n  if (!selecting) {\n    rangeState.value.endDate = null\n  }\n}\n\nconst formatToString = (days: Dayjs[]) => {\n  return days.map((day) => day.format(format))\n}\n\nconst getDefaultValue = () => {\n  let start: Dayjs\n  if (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])\nemit('set-picker-option', ['formatToString', formatToString])\nconst pickerBase = inject('EP_PICKER_BASE') as any\nconst { shortcuts, disabledDate, format } = pickerBase.props\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nwatch(\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\nwatch(\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 = undefined\n      maxDate.value = undefined\n      leftDate.value = defaultArr[0]\n      rightDate.value = defaultArr[1]\n    }\n  },\n  { immediate: true }\n)\n</script>\n"],"names":["useAttrs","useSlots","inject","ROOT_PICKER_INJECTION_KEY","useNamespace","useLocale","ref","dayjs","computed","isFunction","isArray","toRef","watch"],"mappings":"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"}
+{"version":3,"file":"panel-month-range2.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"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=\"[\n                ppNs.e('icon-btn'),\n                { [ppNs.is('disabled')]: !enableYearArrow },\n              ]\"\n              class=\"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 :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"[ppNs.e('icon-btn'), { 'is-disabled': !enableYearArrow }]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"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\" setup>\nimport { computed, inject, ref, toRef, useAttrs, useSlots, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { isArray, isFunction } from '@element-plus/utils'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { ROOT_PICKER_INJECTION_KEY } from '@element-plus/tokens'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { RangeState } from '../props/shared'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY)!\nconst drpNs = useNamespace('date-range-picker')\nconst { lang } = useLocale()\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, 'year'))\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\n// FIXME: extract this to `date-picker.ts`\ntype Shortcut = {\n  text: string\n  value: [Date, Date] | (() => [Date, Date])\n  onClick?: (\n    ctx: Omit<SetupContext<typeof panelMonthRangeEmits>, 'expose'>\n  ) => void\n}\n\nconst handleShortcutClick = (shortcut: Shortcut) => {\n  const shortcutValues = isFunction(shortcut.value)\n    ? shortcut.value()\n    : shortcut.value\n\n  if (shortcutValues) {\n    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({\n      attrs,\n      slots,\n      emit,\n    })\n  }\n}\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\nconst minDate = ref<Dayjs>()\nconst maxDate = ref<Dayjs>()\n\nconst rangeState = ref<RangeState>({\n  endDate: null,\n  selecting: false,\n})\n\nconst handleChangeRange = (val: RangeState) => {\n  rangeState.value = val\n}\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, 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\nconst isValidValue = (value: [Dayjs | undefined, Dayjs | undefined]) => {\n  return (\n    isArray(value) &&\n    value &&\n    value[0] &&\n    value[1] &&\n    value[0].valueOf() <= value[1].valueOf()\n  )\n}\n\nconst handleConfirm = (visible = false) => {\n  if (isValidValue([minDate.value, maxDate.value])) {\n    emit('pick', [minDate.value, maxDate.value], visible)\n  }\n}\n\nconst onSelect = (selecting: boolean) => {\n  rangeState.value.selecting = selecting\n  if (!selecting) {\n    rangeState.value.endDate = null\n  }\n}\n\nconst formatToString = (days: Dayjs[]) => {\n  return days.map((day) => day.format(format))\n}\n\nconst getDefaultValue = () => {\n  let start: Dayjs\n  if (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])\nemit('set-picker-option', ['formatToString', formatToString])\nconst pickerBase = inject('EP_PICKER_BASE') as any\nconst { shortcuts, disabledDate, format } = pickerBase.props\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nwatch(\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\nwatch(\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 = undefined\n      maxDate.value = undefined\n      leftDate.value = defaultArr[0]\n      rightDate.value = defaultArr[1]\n    }\n  },\n  { immediate: true }\n)\n</script>\n"],"names":["useAttrs","useSlots","inject","ROOT_PICKER_INJECTION_KEY","useNamespace","useLocale","ref","dayjs","computed","isFunction","useMonthRangeHeader","toRef","isArray","watch"],"mappings":"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"}

package/lib/packages/components/date-picker/src/composables/use-month-range-header.d.ts

@@ -0,0 +1,16 @@
+import type { Ref, ToRef } from 'vue';
+import type { Dayjs } from 'dayjs';
+export declare const useMonthRangeHeader: ({ unlinkPanels, leftDate, rightDate, }: {
+    unlinkPanels: ToRef<boolean>;
+    leftDate: Ref<Dayjs>;
+    rightDate: Ref<Dayjs>;
+}) => {
+    leftPrevYear: () => void;
+    rightNextYear: () => void;
+    leftNextYear: () => void;
+    rightPrevYear: () => void;
+    leftLabel: import("vue").ComputedRef<string>;
+    rightLabel: import("vue").ComputedRef<string>;
+    leftYear: import("vue").ComputedRef<number>;
+    rightYear: import("vue").ComputedRef<number>;
+};