@element-plus/nightly 0.0.20240810 → 0.0.20240812

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240810 */
+/*! Element Plus v0.0.20240812 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11559,7 +11559,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240810";
+  const version$1 = "0.0.20240812";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -23770,6 +23770,15 @@
       type: definePropType(Function),
       default: () => true
     },
+    placement: {
+      type: definePropType(String),
+      values: Ee,
+      default: "bottom-start"
+    },
+    fallbackPlacements: {
+      type: definePropType(Array),
+      default: ["bottom-start", "bottom", "top-start", "top", "right", "left"]
+    },
     popperClass: {
       type: String,
       default: ""
@@ -24185,17 +24194,10 @@
           teleported: _ctx.teleported,
           "popper-class": [vue.unref(nsCascader).e("dropdown"), _ctx.popperClass],
           "popper-options": popperOptions,
-          "fallback-placements": [
-            "bottom-start",
-            "bottom",
-            "top-start",
-            "top",
-            "right",
-            "left"
-          ],
+          "fallback-placements": _ctx.fallbackPlacements,
           "stop-popper-mouse-event": false,
           "gpu-acceleration": false,
-          placement: "bottom-start",
+          placement: _ctx.placement,
           transition: `${vue.unref(nsCascader).namespace.value}-zoom-in-top`,
           effect: "light",
           pure: "",
@@ -24396,7 +24398,7 @@
             ]) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 8, ["visible", "teleported", "popper-class", "transition", "persistent"]);
+        }, 8, ["visible", "teleported", "popper-class", "fallback-placements", "placement", "transition", "persistent"]);
       };
     }
   });
@@ -26578,16 +26580,6 @@
     }
   });
 
-  const basicDateTableProps = buildProps({
-    ...datePickerSharedProps,
-    cellClassName: {
-      type: definePropType(Function)
-    },
-    showWeekNumber: Boolean,
-    selectionMode: selectionModeWithDefault("date")
-  });
-  const basicDateTableEmits = ["changerange", "pick", "select"];
-
   const isValidRange = (range) => {
     if (!isArray$1(range))
       return false;
@@ -26658,6 +26650,47 @@
       setRowMetadata == null ? void 0 : setRowMetadata(row);
     }
   };
+  const datesInMonth = (year, month, lang) => {
+    const firstDay = dayjs().locale(lang).startOf("month").month(month).year(year);
+    const numOfDays = firstDay.daysInMonth();
+    return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
+  };
+  const getValidDateOfMonth = (year, month, lang, disabledDate) => {
+    const _value = dayjs().year(year).month(month).startOf("month");
+    const _date = datesInMonth(year, month, lang).find((date) => {
+      return !(disabledDate == null ? void 0 : disabledDate(date));
+    });
+    if (_date) {
+      return dayjs(_date).locale(lang);
+    }
+    return _value.locale(lang);
+  };
+  const getValidDateOfYear = (value, lang, disabledDate) => {
+    const year = value.year();
+    if (!(disabledDate == null ? void 0 : disabledDate(value.toDate()))) {
+      return value.locale(lang);
+    }
+    const month = value.month();
+    if (!datesInMonth(year, month, lang).every(disabledDate)) {
+      return getValidDateOfMonth(year, month, lang, disabledDate);
+    }
+    for (let i = 0; i < 12; i++) {
+      if (!datesInMonth(year, i, lang).every(disabledDate)) {
+        return getValidDateOfMonth(year, i, lang, disabledDate);
+      }
+    }
+    return value;
+  };
+
+  const basicDateTableProps = buildProps({
+    ...datePickerSharedProps,
+    cellClassName: {
+      type: definePropType(Function)
+    },
+    showWeekNumber: Boolean,
+    selectionMode: selectionModeWithDefault("date")
+  });
+  const basicDateTableEmits = ["changerange", "pick", "select"];
 
   const isNormalDay = (type = "") => {
     return ["normal", "today"].includes(type);
@@ -27124,11 +27157,6 @@
     emits: ["changerange", "pick", "select"],
     setup(__props, { expose, emit }) {
       const props = __props;
-      const datesInMonth = (year, month, lang2) => {
-        const firstDay = dayjs().locale(lang2).startOf("month").month(month).year(year);
-        const numOfDays = firstDay.daysInMonth();
-        return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
-      };
       const ns = useNamespace("month-table");
       const { t, lang } = useLocale();
       const tbodyRef = vue.ref();
@@ -27250,8 +27278,8 @@
             emit("pick", castArray(props.parsedValue), false);
             return;
           }
-          const newMonth = props.date.startOf("month").month(month);
-          const newValue = hasClass(target, "current") ? castArray(props.parsedValue).filter((d) => Number(d) !== Number(newMonth)) : castArray(props.parsedValue).concat([dayjs(newMonth)]);
+          const newMonth = getValidDateOfMonth(props.date.year(), month, lang.value, props.disabledDate);
+          const newValue = hasClass(target, "current") ? castArray(props.parsedValue).filter((d) => (d == null ? void 0 : d.month()) !== newMonth.month()) : castArray(props.parsedValue).concat([dayjs(newMonth)]);
           emit("pick", newValue);
         } else if (props.selectionMode === "range") {
           if (!props.rangeState.selecting) {
@@ -27450,7 +27478,8 @@
             emit("pick", castArray(props.parsedValue), false);
             return;
           }
-          const newValue = hasClass(target, "current") ? castArray(props.parsedValue).filter((d) => (d == null ? void 0 : d.year()) !== selectedYear) : castArray(props.parsedValue).concat([newDate]);
+          const vaildYear = getValidDateOfYear(newDate.startOf("year"), lang.value, props.disabledDate);
+          const newValue = hasClass(target, "current") ? castArray(props.parsedValue).filter((d) => (d == null ? void 0 : d.year()) !== selectedYear) : castArray(props.parsedValue).concat([vaildYear]);
           emit("pick", newValue);
         } else {
           emit("pick", selectedYear);
@@ -27655,12 +27684,12 @@
       const hasShortcuts = vue.computed(() => !!shortcuts.length);
       const handleMonthPick = async (month2, keepOpen) => {
         if (selectionMode.value === "month") {
-          innerDate.value = innerDate.value.startOf("month").month(month2);
+          innerDate.value = getValidDateOfMonth(innerDate.value.year(), month2, lang.value, disabledDate);
           emit(innerDate.value, false);
         } else if (selectionMode.value === "months") {
           emit(month2, keepOpen != null ? keepOpen : true);
         } else {
-          innerDate.value = innerDate.value.startOf("month").month(month2);
+          innerDate.value = getValidDateOfMonth(innerDate.value.year(), month2, lang.value, disabledDate);
           currentView.value = "date";
           if (["month", "year", "date", "week"].includes(selectionMode.value)) {
             emit(innerDate.value, true);
@@ -27672,12 +27701,14 @@
       };
       const handleYearPick = async (year2, keepOpen) => {
         if (selectionMode.value === "year") {
-          innerDate.value = innerDate.value.startOf("year").year(year2);
+          const data = innerDate.value.startOf("year").year(year2);
+          innerDate.value = getValidDateOfYear(data, lang.value, disabledDate);
           emit(innerDate.value, false);
         } else if (selectionMode.value === "years") {
           emit(year2, keepOpen != null ? keepOpen : true);
         } else {
-          innerDate.value = innerDate.value.year(year2);
+          const data = innerDate.value.year(year2);
+          innerDate.value = getValidDateOfYear(data, lang.value, disabledDate);
           currentView.value = "month";
           if (["month", "year", "date", "week"].includes(selectionMode.value)) {
             emit(innerDate.value, true);