@element-plus/nightly 0.0.20250609 → 0.0.20250611

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250609 */
+/*! Element Plus v0.0.20250611 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11805,7 +11805,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250609";
+  const version$1 = "0.0.20250611";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -27026,6 +27026,7 @@
   });
   const panelRangeSharedProps = buildProps({
     unlinkPanels: Boolean,
+    visible: Boolean,
     parsedValue: {
       type: definePropType(Array)
     }
@@ -27058,12 +27059,12 @@
     const [left, right] = range;
     return dayjs.isDayjs(left) && dayjs.isDayjs(right) && dayjs(left).isValid() && dayjs(right).isValid() && left.isSameOrBefore(right);
   };
-  const getDefaultValue = (defaultValue, { lang, unit, unlinkPanels }) => {
+  const getDefaultValue = (defaultValue, { lang, step = 1, unit, unlinkPanels }) => {
     let start;
     if (isArray$1(defaultValue)) {
       let [left, right] = defaultValue.map((d) => dayjs(d).locale(lang));
       if (!unlinkPanels) {
-        right = left.add(1, unit);
+        right = left.add(step, unit);
       }
       return [left, right];
     } else if (defaultValue) {
@@ -27072,7 +27073,7 @@
       start = dayjs();
     }
     start = start.locale(lang);
-    return [start, start.add(1, unit)];
+    return [start, start.add(step, unit)];
   };
   const buildPickerTable = (dimension, rows, {
     columnIndexOffset,
@@ -28721,8 +28722,7 @@
 
   const panelDateRangeProps = buildProps({
     ...panelSharedProps,
-    ...panelRangeSharedProps,
-    visible: Boolean
+    ...panelRangeSharedProps
   });
 
   const useShortcut = (lang) => {
@@ -28754,6 +28754,7 @@
     defaultTime,
     leftDate,
     rightDate,
+    step,
     unit,
     onParsedValueChanged
   }) => {
@@ -28798,6 +28799,7 @@
     const restoreDefault = () => {
       let [start, end] = getDefaultValue(vue.unref(defaultValue), {
         lang: vue.unref(lang),
+        step,
         unit,
         unlinkPanels: props.unlinkPanels
       });
@@ -29784,7 +29786,8 @@
         handleChangeRange,
         handleRangeConfirm,
         handleShortcutClick,
-        onSelect
+        onSelect,
+        onReset
       } = useRangePicker(props, {
         defaultValue,
         leftDate,
@@ -29847,6 +29850,12 @@
           rightDate.value = leftDate.value.add(1, unit$1);
         }
       }
+      vue.watch(() => props.visible, (visible) => {
+        if (!visible && rangeState.value.selecting) {
+          onReset(props.parsedValue);
+          onSelect(false);
+        }
+      });
       emit("set-picker-option", ["isValidValue", isValidRange]);
       emit("set-picker-option", ["formatToString", formatToString]);
       emit("set-picker-option", ["parseUserInput", parseUserInput]);
@@ -30054,6 +30063,7 @@
     };
   };
 
+  const step = 10;
   const unit = "year";
   const __default__$18 = vue.defineComponent({
     name: "DatePickerYearRange"
@@ -30066,10 +30076,45 @@
       const props = __props;
       const { lang } = useLocale();
       const leftDate = vue.ref(dayjs().locale(lang.value));
-      const rightDate = vue.ref(leftDate.value.add(10, "year"));
-      const { pickerNs: ppNs } = vue.inject(ROOT_PICKER_INJECTION_KEY);
-      const drpNs = useNamespace("date-range-picker");
+      const rightDate = vue.ref(dayjs().locale(lang.value).add(step, unit));
       const isDefaultFormat = vue.inject(ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY);
+      const pickerBase = vue.inject(PICKER_BASE_INJECTION_KEY);
+      const { shortcuts, disabledDate } = pickerBase.props;
+      const format = vue.toRef(pickerBase.props, "format");
+      const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
+      const {
+        minDate,
+        maxDate,
+        rangeState,
+        ppNs,
+        drpNs,
+        handleChangeRange,
+        handleRangeConfirm,
+        handleShortcutClick,
+        onSelect,
+        onReset
+      } = useRangePicker(props, {
+        defaultValue,
+        leftDate,
+        rightDate,
+        step,
+        unit,
+        onParsedValueChanged
+      });
+      const {
+        leftPrevYear,
+        rightNextYear,
+        leftNextYear,
+        rightPrevYear,
+        leftLabel,
+        rightLabel,
+        leftYear,
+        rightYear
+      } = useYearRangeHeader({
+        unlinkPanels: vue.toRef(props, "unlinkPanels"),
+        leftDate,
+        rightDate
+      });
       const hasShortcuts = vue.computed(() => !!shortcuts.length);
       const panelKls = vue.computed(() => [
         ppNs.b(),
@@ -30100,33 +30145,9 @@
           arrowRightBtn: [ppNs.e("icon-btn"), "d-arrow-right"]
         };
       });
-      const handleShortcutClick = useShortcut(lang);
-      const {
-        leftPrevYear,
-        rightNextYear,
-        leftNextYear,
-        rightPrevYear,
-        leftLabel,
-        rightLabel,
-        leftYear,
-        rightYear
-      } = useYearRangeHeader({
-        unlinkPanels: vue.toRef(props, "unlinkPanels"),
-        leftDate,
-        rightDate
-      });
       const enableYearArrow = vue.computed(() => {
         return props.unlinkPanels && rightYear.value > leftYear.value + 1;
       });
-      const minDate = vue.ref();
-      const maxDate = vue.ref();
-      const rangeState = vue.ref({
-        endDate: null,
-        selecting: false
-      });
-      const handleChangeRange = (val) => {
-        rangeState.value = val;
-      };
       const handleRangePick = (val, close = true) => {
         const minDate_ = val.minDate;
         const maxDate_ = val.maxDate;
@@ -30138,67 +30159,8 @@
         minDate.value = minDate_;
         if (!close)
           return;
-        handleConfirm();
-      };
-      const handleConfirm = (visible = false) => {
-        if (isValidRange([minDate.value, maxDate.value])) {
-          emit("pick", [minDate.value, maxDate.value], visible);
-        }
-      };
-      const onSelect = (selecting) => {
-        rangeState.value.selecting = selecting;
-        if (!selecting) {
-          rangeState.value.endDate = null;
-        }
-      };
-      const pickerBase = vue.inject(PICKER_BASE_INJECTION_KEY);
-      const { shortcuts, disabledDate } = pickerBase.props;
-      const format = vue.toRef(pickerBase.props, "format");
-      const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
-      const getDefaultValue = () => {
-        let start;
-        if (isArray$1(defaultValue.value)) {
-          const left = dayjs(defaultValue.value[0]);
-          let right = dayjs(defaultValue.value[1]);
-          if (!props.unlinkPanels) {
-            right = left.add(10, unit);
-          }
-          return [left, right];
-        } else if (defaultValue.value) {
-          start = dayjs(defaultValue.value);
-        } else {
-          start = dayjs();
-        }
-        start = start.locale(lang.value);
-        return [start, start.add(10, unit)];
+        handleRangeConfirm();
       };
-      vue.watch(() => defaultValue.value, (val) => {
-        if (val) {
-          const defaultArr = getDefaultValue();
-          leftDate.value = defaultArr[0];
-          rightDate.value = defaultArr[1];
-        }
-      }, { immediate: true });
-      vue.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(10, "year") : maxDate.value;
-          } else {
-            rightDate.value = leftDate.value.add(10, "year");
-          }
-        } else {
-          const defaultArr = getDefaultValue();
-          minDate.value = void 0;
-          maxDate.value = void 0;
-          leftDate.value = defaultArr[0];
-          rightDate.value = defaultArr[1];
-        }
-      }, { immediate: true });
       const parseUserInput = (value) => {
         return correctlyParseUserInput(value, format.value, lang.value, isDefaultFormat);
       };
@@ -30209,13 +30171,31 @@
         return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
       };
       const handleClear = () => {
-        const defaultArr = getDefaultValue();
+        const defaultArr = getDefaultValue(vue.unref(defaultValue), {
+          lang: vue.unref(lang),
+          step,
+          unit,
+          unlinkPanels: props.unlinkPanels
+        });
         leftDate.value = defaultArr[0];
         rightDate.value = defaultArr[1];
-        maxDate.value = void 0;
-        minDate.value = void 0;
         emit("pick", null);
       };
+      function onParsedValueChanged(minDate2, maxDate2) {
+        if (props.unlinkPanels && maxDate2) {
+          const minDateYear = (minDate2 == null ? void 0 : minDate2.year()) || 0;
+          const maxDateYear = maxDate2.year();
+          rightDate.value = minDateYear + step > maxDateYear ? maxDate2.add(step, unit) : maxDate2;
+        } else {
+          rightDate.value = leftDate.value.add(step, unit);
+        }
+      }
+      vue.watch(() => props.visible, (visible) => {
+        if (!visible && rangeState.value.selecting) {
+          onReset(props.parsedValue);
+          onSelect(false);
+        }
+      });
       emit("set-picker-option", ["isValidValue", isValidValue]);
       emit("set-picker-option", ["parseUserInput", parseUserInput]);
       emit("set-picker-option", ["formatToString", formatToString]);
@@ -30287,14 +30267,14 @@
                 vue.createVNode(YearTable, {
                   "selection-mode": "range",
                   date: leftDate.value,
-                  "min-date": minDate.value,
-                  "max-date": maxDate.value,
-                  "range-state": rangeState.value,
+                  "min-date": vue.unref(minDate),
+                  "max-date": vue.unref(maxDate),
+                  "range-state": vue.unref(rangeState),
                   "disabled-date": vue.unref(disabledDate),
-                  onChangerange: handleChangeRange,
+                  onChangerange: vue.unref(handleChangeRange),
                   onPick: handleRangePick,
-                  onSelect
-                }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+                  onSelect: vue.unref(onSelect)
+                }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
               ], 2),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(rightPanelKls).content)
@@ -30337,14 +30317,14 @@
                 vue.createVNode(YearTable, {
                   "selection-mode": "range",
                   date: rightDate.value,
-                  "min-date": minDate.value,
-                  "max-date": maxDate.value,
-                  "range-state": rangeState.value,
+                  "min-date": vue.unref(minDate),
+                  "max-date": vue.unref(maxDate),
+                  "range-state": vue.unref(rangeState),
                   "disabled-date": vue.unref(disabledDate),
-                  onChangerange: handleChangeRange,
+                  onChangerange: vue.unref(handleChangeRange),
                   onPick: handleRangePick,
-                  onSelect
-                }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+                  onSelect: vue.unref(onSelect)
+                }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
               ], 2)
             ], 2)
           ], 2)
@@ -36916,6 +36896,13 @@
       "popup-scroll"
     ],
     setup(props, { emit, slots }) {
+      const instance = vue.getCurrentInstance();
+      instance.appContext.config.warnHandler = (...args) => {
+        if (!args[0] || args[0].includes('Slot "default" invoked outside of the render function')) {
+          return;
+        }
+        console.warn(...args);
+      };
       const modelValue = vue.computed(() => {
         const { modelValue: rawModelValue, multiple } = props;
         const fallback = multiple ? [] : void 0;
@@ -36930,24 +36917,47 @@
       });
       const API = useSelect$3(_props, emit);
       const { calculatorRef, inputStyle } = useCalcInputWidth();
+      const flatTreeSelectData = (data) => {
+        return data.reduce((acc, item) => {
+          acc.push(item);
+          if (item.children && item.children.length > 0) {
+            acc.push(...flatTreeSelectData(item.children));
+          }
+          return acc;
+        }, []);
+      };
       const manuallyRenderSlots = (vnodes) => {
-        const children = flattedChildren(vnodes);
-        children.filter((item) => {
-          return isObject$1(item) && item.type.name === "ElOption";
-        }).forEach((item) => {
-          const obj = { ...item.props };
-          obj.currentLabel = obj.label || (isObject$1(obj.value) ? "" : obj.value);
-          API.onOptionCreate(obj);
+        const children = flattedChildren(vnodes || []);
+        children.forEach((item) => {
+          var _a;
+          if (isObject$1(item) && (item.type.name === "ElOption" || item.type.name === "ElTree")) {
+            const _name = item.type.name;
+            if (_name === "ElTree") {
+              const treeData = ((_a = item.props) == null ? void 0 : _a.data) || [];
+              const flatData = flatTreeSelectData(treeData);
+              flatData.forEach((treeItem) => {
+                treeItem.currentLabel = treeItem.label || (isObject$1(treeItem.value) ? "" : treeItem.value);
+                API.onOptionCreate(treeItem);
+              });
+            } else if (_name === "ElOption") {
+              const obj = { ...item.props };
+              obj.currentLabel = obj.label || (isObject$1(obj.value) ? "" : obj.value);
+              API.onOptionCreate(obj);
+            }
+          }
         });
       };
-      vue.watchEffect(() => {
-        if (!props.persistent) {
-          vue.nextTick(() => {
-            var _a, _b;
-            const defaultSlots = vue.h(vue.Fragment, (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : []).children;
-            manuallyRenderSlots(defaultSlots);
-          });
+      vue.watch(() => {
+        var _a;
+        const slotsContent = (_a = slots.default) == null ? void 0 : _a.call(slots);
+        return slotsContent;
+      }, (newSlot) => {
+        if (props.persistent) {
+          return;
         }
+        manuallyRenderSlots(newSlot);
+      }, {
+        immediate: true
       });
       vue.provide(selectKey, vue.reactive({
         props: _props,