@element-plus/nightly 0.0.20220527 → 0.0.20220528

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220527 */
+/*! Element Plus v0.0.20220528 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11411,7 +11411,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220527";
+  const version$1 = "0.0.20220528";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -25924,6 +25924,54 @@
   });
   const panelMonthRangeEmits = ["pick", "set-picker-option"];
 
+  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 = 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
+    };
+  };
+
   const _hoisted_1$B = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$b = ["disabled"];
@@ -25940,7 +25988,7 @@
       const slots = vue.useSlots();
       const { pickerNs: ppNs } = vue.inject(ROOT_PICKER_INJECTION_KEY);
       const drpNs = useNamespace("date-range-picker");
-      const { t, lang } = useLocale();
+      const { lang } = useLocale();
       const leftDate = vue.ref(dayjs().locale(lang.value));
       const rightDate = vue.ref(dayjs().locale(lang.value).add(1, "year"));
       const hasShortcuts = vue.computed(() => !!shortcuts.length);
@@ -25961,35 +26009,19 @@
           });
         }
       };
-      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({
+        unlinkPanels: vue.toRef(props, "unlinkPanels"),
+        leftDate,
+        rightDate
       });
       const enableYearArrow = vue.computed(() => {
         return props.unlinkPanels && rightYear.value > leftYear.value + 1;
@@ -26121,7 +26153,7 @@
                   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(ElIcon), null, {
                       default: vue.withCtx(() => [
@@ -26138,7 +26170,7 @@
                       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(ElIcon), null, {
                       default: vue.withCtx(() => [
@@ -26172,7 +26204,7 @@
                     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(ElIcon), null, {
                       default: vue.withCtx(() => [
@@ -26184,7 +26216,7 @@
                   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(ElIcon), null, {
                       default: vue.withCtx(() => [