@element-plus/nightly 0.0.20240228 → 0.0.20240301

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240228 */
+/*! Element Plus v0.0.20240301 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8637,6 +8637,7 @@
 
   const datePickTypes = [
     "year",
+    "years",
     "month",
     "date",
     "dates",
@@ -11642,7 +11643,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240228";
+  const version$1 = "0.0.20240301";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -18696,6 +18697,7 @@
     dates: DEFAULT_FORMATS_DATE,
     week: "gggg[w]ww",
     year: "YYYY",
+    years: "YYYY",
     month: "YYYY-MM",
     datetime: `${DEFAULT_FORMATS_DATE} ${DEFAULT_FORMATS_TIME}`,
     monthrange: "YYYY-MM",
@@ -19106,13 +19108,14 @@
         if (!pickerVisible.value && valueIsEmpty.value)
           return "";
         if (formattedValue) {
-          return isDatesPicker.value ? formattedValue.join(", ") : formattedValue;
+          return isDatesPicker.value || isYearsPicker.value ? formattedValue.join(", ") : formattedValue;
         }
         return "";
       });
       const isTimeLikePicker = vue.computed(() => props.type.includes("time"));
       const isTimePicker = vue.computed(() => props.type.startsWith("time"));
       const isDatesPicker = vue.computed(() => props.type === "dates");
+      const isYearsPicker = vue.computed(() => props.type === "years");
       const triggerIcon = vue.computed(() => props.prefixIcon || (isTimeLikePicker.value ? clock_default : calendar_default));
       const showClose = vue.ref(false);
       const onClearIconClick = (event) => {
@@ -19372,7 +19375,7 @@
               placeholder: _ctx.placeholder,
               class: vue.normalizeClass([vue.unref(nsDate).b("editor"), vue.unref(nsDate).bm("editor", _ctx.type), _ctx.$attrs.class]),
               style: vue.normalizeStyle(_ctx.$attrs.style),
-              readonly: !_ctx.editable || _ctx.readonly || vue.unref(isDatesPicker) || _ctx.type === "week",
+              readonly: !_ctx.editable || _ctx.readonly || vue.unref(isDatesPicker) || vue.unref(isYearsPicker) || _ctx.type === "week",
               label: _ctx.label,
               tabindex: _ctx.tabindex,
               "validate-event": false,
@@ -21238,6 +21241,10 @@
     pauseOnHover: {
       type: Boolean,
       default: true
+    },
+    motionBlur: {
+      type: Boolean,
+      default: false
     }
   });
   const carouselEmits = {
@@ -21260,6 +21267,8 @@
     const root = vue.ref();
     const containerHeight = vue.ref(0);
     const isItemsTwoLength = vue.ref(true);
+    const isFirstCall = vue.ref(true);
+    const isTransitioning = vue.ref(false);
     const arrowDisplay = vue.computed(() => props.arrow !== "never" && !vue.unref(isVertical));
     const hasLabel = vue.computed(() => {
       return items.value.some((item) => item.props.label.toString().length > 0);
@@ -21300,6 +21309,10 @@
       timer.value = setInterval(() => playSlides(), props.interval);
     }
     const playSlides = () => {
+      if (!isFirstCall.value) {
+        isTransitioning.value = true;
+      }
+      isFirstCall.value = false;
       if (activeIndex.value < items.value.length - 1) {
         activeIndex.value = activeIndex.value + 1;
       } else if (props.loop) {
@@ -21307,6 +21320,10 @@
       }
     };
     function setActiveItem(index) {
+      if (!isFirstCall.value) {
+        isTransitioning.value = true;
+      }
+      isFirstCall.value = false;
       if (isString$1(index)) {
         const filteredItems = items.value.filter((item) => item.props.name === index);
         if (filteredItems.length > 0) {
@@ -21366,6 +21383,9 @@
       hover.value = false;
       startTimer();
     }
+    function handleTransitionEnd() {
+      isTransitioning.value = false;
+    }
     function handleButtonEnter(arrow) {
       if (vue.unref(isVertical))
         return;
@@ -21383,11 +21403,19 @@
       });
     }
     function handleIndicatorClick(index) {
+      if (index !== activeIndex.value) {
+        if (!isFirstCall.value) {
+          isTransitioning.value = true;
+        }
+      }
       activeIndex.value = index;
     }
     function handleIndicatorHover(index) {
       if (props.trigger === "hover" && index !== activeIndex.value) {
         activeIndex.value = index;
+        if (!isFirstCall.value) {
+          isTransitioning.value = true;
+        }
       }
     }
     function prev() {
@@ -21478,11 +21506,13 @@
       hasLabel,
       hover,
       isCardType,
+      isTransitioning,
       items,
       isVertical,
       containerStyle,
       isItemsTwoLength,
       handleButtonEnter,
+      handleTransitionEnd,
       handleButtonLeave,
       handleIndicatorClick,
       handleMouseEnter,
@@ -21502,6 +21532,29 @@
   const _hoisted_3$h = ["onMouseenter", "onClick"];
   const _hoisted_4$b = ["aria-label"];
   const _hoisted_5$7 = { key: 0 };
+  const _hoisted_6$4 = {
+    key: 3,
+    xmlns: "http://www.w3.org/2000/svg",
+    version: "1.1",
+    style: { "display": "none" }
+  };
+  const _hoisted_7$2 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+    /* @__PURE__ */ vue.createElementVNode("filter", { id: "elCarouselHorizontal" }, [
+      /* @__PURE__ */ vue.createElementVNode("feGaussianBlur", {
+        in: "SourceGraphic",
+        stdDeviation: "12,0"
+      })
+    ]),
+    /* @__PURE__ */ vue.createElementVNode("filter", { id: "elCarouselVertical" }, [
+      /* @__PURE__ */ vue.createElementVNode("feGaussianBlur", {
+        in: "SourceGraphic",
+        stdDeviation: "0,10"
+      })
+    ])
+  ], -1);
+  const _hoisted_8$2 = [
+    _hoisted_7$2
+  ];
   const COMPONENT_NAME$f = "ElCarousel";
   const __default__$1k = vue.defineComponent({
     name: COMPONENT_NAME$f
@@ -21524,9 +21577,11 @@
         containerStyle,
         handleButtonEnter,
         handleButtonLeave,
+        isTransitioning,
         handleIndicatorClick,
         handleMouseEnter,
         handleMouseLeave,
+        handleTransitionEnd,
         setActiveItem,
         prev,
         next,
@@ -21544,6 +21599,13 @@
         }
         return classes;
       });
+      const carouselContainer = vue.computed(() => {
+        const classes = [ns.e("container")];
+        if (props.motionBlur && vue.unref(isTransitioning)) {
+          classes.push(vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`);
+        }
+        return classes;
+      });
       const indicatorsClasses = vue.computed(() => {
         const classes = [ns.e("indicators"), ns.em("indicators", props.direction)];
         if (vue.unref(hasLabel)) {
@@ -21567,76 +21629,77 @@
           ref_key: "root",
           ref: root,
           class: vue.normalizeClass(vue.unref(carouselClasses)),
-          onMouseenter: _cache[6] || (_cache[6] = vue.withModifiers((...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args), ["stop"])),
-          onMouseleave: _cache[7] || (_cache[7] = vue.withModifiers((...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args), ["stop"]))
+          onMouseenter: _cache[7] || (_cache[7] = vue.withModifiers((...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args), ["stop"])),
+          onMouseleave: _cache[8] || (_cache[8] = vue.withModifiers((...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args), ["stop"]))
         }, [
+          vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+            key: 0,
+            name: "carousel-arrow-left",
+            persisted: ""
+          }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("button", {
+                type: "button",
+                class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "left")]),
+                "aria-label": vue.unref(t)("el.carousel.leftArrow"),
+                onMouseenter: _cache[0] || (_cache[0] = ($event) => vue.unref(handleButtonEnter)("left")),
+                onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
+                onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) - 1), ["stop"]))
+              }, [
+                vue.createVNode(vue.unref(ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(arrow_left_default))
+                  ]),
+                  _: 1
+                })
+              ], 42, _hoisted_1$Y), [
+                [
+                  vue.vShow,
+                  (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) > 0)
+                ]
+              ])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true),
+          vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+            key: 1,
+            name: "carousel-arrow-right",
+            persisted: ""
+          }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("button", {
+                type: "button",
+                class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "right")]),
+                "aria-label": vue.unref(t)("el.carousel.rightArrow"),
+                onMouseenter: _cache[3] || (_cache[3] = ($event) => vue.unref(handleButtonEnter)("right")),
+                onMouseleave: _cache[4] || (_cache[4] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
+                onClick: _cache[5] || (_cache[5] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) + 1), ["stop"]))
+              }, [
+                vue.createVNode(vue.unref(ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(arrow_right_default))
+                  ]),
+                  _: 1
+                })
+              ], 42, _hoisted_2$C), [
+                [
+                  vue.vShow,
+                  (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) < vue.unref(items).length - 1)
+                ]
+              ])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("container")),
-            style: vue.normalizeStyle(vue.unref(containerStyle))
+            class: vue.normalizeClass(vue.unref(carouselContainer)),
+            style: vue.normalizeStyle(vue.unref(containerStyle)),
+            onTransitionend: _cache[6] || (_cache[6] = (...args) => vue.unref(handleTransitionEnd) && vue.unref(handleTransitionEnd)(...args))
           }, [
-            vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-              key: 0,
-              name: "carousel-arrow-left",
-              persisted: ""
-            }, {
-              default: vue.withCtx(() => [
-                vue.withDirectives(vue.createElementVNode("button", {
-                  type: "button",
-                  class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "left")]),
-                  "aria-label": vue.unref(t)("el.carousel.leftArrow"),
-                  onMouseenter: _cache[0] || (_cache[0] = ($event) => vue.unref(handleButtonEnter)("left")),
-                  onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
-                  onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) - 1), ["stop"]))
-                }, [
-                  vue.createVNode(vue.unref(ElIcon), null, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(arrow_left_default))
-                    ]),
-                    _: 1
-                  })
-                ], 42, _hoisted_1$Y), [
-                  [
-                    vue.vShow,
-                    (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) > 0)
-                  ]
-                ])
-              ]),
-              _: 1
-            })) : vue.createCommentVNode("v-if", true),
-            vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-              key: 1,
-              name: "carousel-arrow-right",
-              persisted: ""
-            }, {
-              default: vue.withCtx(() => [
-                vue.withDirectives(vue.createElementVNode("button", {
-                  type: "button",
-                  class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "right")]),
-                  "aria-label": vue.unref(t)("el.carousel.rightArrow"),
-                  onMouseenter: _cache[3] || (_cache[3] = ($event) => vue.unref(handleButtonEnter)("right")),
-                  onMouseleave: _cache[4] || (_cache[4] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
-                  onClick: _cache[5] || (_cache[5] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) + 1), ["stop"]))
-                }, [
-                  vue.createVNode(vue.unref(ElIcon), null, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(arrow_right_default))
-                    ]),
-                    _: 1
-                  })
-                ], 42, _hoisted_2$C), [
-                  [
-                    vue.vShow,
-                    (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) < vue.unref(items).length - 1)
-                  ]
-                ])
-              ]),
-              _: 1
-            })) : vue.createCommentVNode("v-if", true),
             vue.createVNode(vue.unref(PlaceholderItem)),
             vue.renderSlot(_ctx.$slots, "default")
-          ], 6),
+          ], 38),
           _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock("ul", {
-            key: 0,
+            key: 2,
             class: vue.normalizeClass(vue.unref(indicatorsClasses))
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item, index) => {
@@ -21660,7 +21723,8 @@
                 [vue.vShow, vue.unref(isTwoLengthShow)(index)]
               ]);
             }), 128))
-          ], 2)) : vue.createCommentVNode("v-if", true)
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          props.motionBlur ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6$4, _hoisted_8$2)) : vue.createCommentVNode("v-if", true)
         ], 34);
       };
     }
@@ -26463,7 +26527,15 @@
     }
   });
 
-  const selectionModes = ["date", "dates", "year", "month", "week", "range"];
+  const selectionModes = [
+    "date",
+    "dates",
+    "year",
+    "years",
+    "month",
+    "week",
+    "range"
+  ];
   const datePickerSharedProps = buildProps({
     disabledDate: {
       type: definePropType(Function)
@@ -27269,7 +27341,8 @@
   const basicYearTableProps = buildProps({
     date,
     disabledDate,
-    parsedValue
+    parsedValue,
+    selectionMode: selectionModeWithDefault("year")
   });
 
   const _hoisted_1$K = ["aria-label"];
@@ -27308,7 +27381,7 @@
         return kls;
       };
       const isSelectedCell = (year) => {
-        return year === startYear.value && props.date.year() < startYear.value && props.date.year() > startYear.value + 9 || castArray(props.date).findIndex((date) => date.year() === year) >= 0;
+        return year === startYear.value && props.date.year() < startYear.value && props.date.year() > startYear.value + 9 || castArray(props.date).findIndex((date) => date.year() === year) >= 0 || castArray(props.parsedValue).findIndex((date) => (date == null ? void 0 : date.year()) === year) >= 0;
       };
       const handleYearTableClick = (event) => {
         const clickTarget = event.target;
@@ -27317,7 +27390,16 @@
           if (hasClass(target, "disabled"))
             return;
           const year = target.textContent || target.innerText;
-          emit("pick", Number(year));
+          if (props.selectionMode === "years") {
+            if (event.type === "keydown") {
+              emit("pick", castArray(props.parsedValue), false);
+              return;
+            }
+            const newValue = hasClass(target, "current") ? castArray(props.parsedValue).filter((d) => (d == null ? void 0 : d.year()) !== Number(year)) : castArray(props.parsedValue).concat([dayjs(year)]);
+            emit("pick", newValue);
+          } else {
+            emit("pick", Number(year));
+          }
         }
       };
       vue.watch(() => props.date, async () => {
@@ -27359,7 +27441,9 @@
                         vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
                       ]
                     }, [
-                      vue.createElementVNode("span", _hoisted_3$d, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
+                      vue.createElementVNode("div", null, [
+                        vue.createElementVNode("span", _hoisted_3$d, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
+                      ])
                     ], 42, _hoisted_2$s)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$9))
                   ], 64);
                 }), 64))
@@ -27493,7 +27577,7 @@
       };
       const selectionMode = vue.computed(() => {
         const { type } = props;
-        if (["week", "month", "year", "dates"].includes(type))
+        if (["week", "month", "year", "years", "dates"].includes(type))
           return type;
         return "date";
       });
@@ -27515,10 +27599,12 @@
         }
         handlePanelChange("month");
       };
-      const handleYearPick = async (year2) => {
+      const handleYearPick = async (year2, keepOpen) => {
         if (selectionMode.value === "year") {
           innerDate.value = innerDate.value.startOf("year").year(year2);
           emit(innerDate.value, false);
+        } else if (selectionMode.value === "years") {
+          emit(year2, keepOpen != null ? keepOpen : true);
         } else {
           innerDate.value = innerDate.value.year(year2);
           currentView.value = "month";
@@ -27537,7 +27623,11 @@
       };
       const showTime = vue.computed(() => props.type === "datetime" || props.type === "datetimerange");
       const footerVisible = vue.computed(() => {
-        return showTime.value || selectionMode.value === "dates";
+        const showDateFooter = showTime.value || selectionMode.value === "dates";
+        const showYearFooter = selectionMode.value === "years";
+        const isDateView = currentView.value === "date";
+        const isYearView = currentView.value === "year";
+        return showDateFooter && isDateView || showYearFooter && isYearView;
       });
       const disabledConfirm = vue.computed(() => {
         if (!disabledDate)
@@ -27550,7 +27640,7 @@
         return disabledDate(props.parsedValue.toDate());
       });
       const onConfirm = () => {
-        if (selectionMode.value === "dates") {
+        if (selectionMode.value === "dates" || selectionMode.value === "years") {
           emit(props.parsedValue);
         } else {
           let result = props.parsedValue;
@@ -27649,10 +27739,7 @@
         return dayjs.isDayjs(date) && date.isValid() && (disabledDate ? !disabledDate(date.toDate()) : true);
       };
       const formatToString = (value) => {
-        if (selectionMode.value === "dates") {
-          return value.map((_) => _.format(props.format));
-        }
-        return value.format(props.format);
+        return Array.isArray(value) ? value.map((_) => _.format(props.format)) : value.format(props.format);
       };
       const parseUserInput = (value) => {
         return dayjs(value, props.format).locale(lang.value);
@@ -27755,6 +27842,9 @@
         if (["month", "year"].includes(val)) {
           currentView.value = val;
           return;
+        } else if (val === "years") {
+          currentView.value = "year";
+          return;
         }
         currentView.value = "date";
       }, { immediate: true });
@@ -27768,7 +27858,7 @@
       }, { immediate: true });
       vue.watch(() => props.parsedValue, (val) => {
         if (val) {
-          if (selectionMode.value === "dates")
+          if (selectionMode.value === "dates" || selectionMode.value === "years")
             return;
           if (Array.isArray(val))
             return;
@@ -27965,11 +28055,12 @@
                   key: 1,
                   ref_key: "currentViewRef",
                   ref: currentViewRef,
+                  "selection-mode": vue.unref(selectionMode),
                   date: innerDate.value,
                   "disabled-date": vue.unref(disabledDate),
                   "parsed-value": _ctx.parsedValue,
                   onPick: handleYearPick
-                }, null, 8, ["date", "disabled-date", "parsed-value"])) : vue.createCommentVNode("v-if", true),
+                }, null, 8, ["selection-mode", "date", "disabled-date", "parsed-value"])) : vue.createCommentVNode("v-if", true),
                 currentView.value === "month" ? (vue.openBlock(), vue.createBlock(MonthTable, {
                   key: 2,
                   ref_key: "currentViewRef",
@@ -27997,7 +28088,7 @@
               ]),
               _: 1
             }, 8, ["class", "disabled"]), [
-              [vue.vShow, vue.unref(selectionMode) !== "dates"]
+              [vue.vShow, vue.unref(selectionMode) !== "dates" && vue.unref(selectionMode) !== "years"]
             ]),
             vue.createVNode(vue.unref(ElButton), {
               plain: "",
@@ -28012,7 +28103,7 @@
               _: 1
             }, 8, ["class", "disabled"])
           ], 2), [
-            [vue.vShow, vue.unref(footerVisible) && currentView.value === "date"]
+            [vue.vShow, vue.unref(footerVisible)]
           ])
         ], 2);
       };
@@ -33384,6 +33475,8 @@
       };
       let isFirstTimeRender = true;
       const handleResize = () => {
+        if (sliceIndex.value === calcSliceIndex())
+          return;
         const callback = () => {
           sliceIndex.value = -1;
           vue.nextTick(() => {
@@ -34194,8 +34287,9 @@
       formItemContext: formItem
     });
     const selectDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
+    const hasEmptyStringOption = vue.computed(() => optionsArray.value.some((option) => option.value === ""));
     const hasModelValue = vue.computed(() => {
-      return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
+      return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : !isNil(props.modelValue) && (props.modelValue !== "" || hasEmptyStringOption.value);
     });
     const showClose = vue.computed(() => {
       const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
@@ -34469,8 +34563,8 @@
     };
     const deleteSelected = (event) => {
       event.stopPropagation();
-      const value = props.multiple ? [] : "";
-      if (!isString$1(value)) {
+      const value = props.multiple ? [] : void 0;
+      if (props.multiple) {
         for (const item of states.selected) {
           if (item.isDisabled)
             value.push(item.value);
@@ -39408,8 +39502,9 @@
       const totalHeight = filteredOptions.value.length * props.itemHeight;
       return totalHeight > props.height ? props.height : totalHeight;
     });
+    const hasEmptyStringOption = vue.computed(() => allOptions.value.some((option) => getValue(option) === ""));
     const hasModelValue = vue.computed(() => {
-      return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
+      return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : !isNil(props.modelValue) && (props.modelValue !== "" || hasEmptyStringOption.value);
     });
     const showClearBtn = vue.computed(() => {
       const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
@@ -39468,6 +39563,13 @@
       allOptions.value = filterOptions("");
       filteredOptions.value = filterOptions(states.inputValue);
     };
+    const allOptionsValueMap = vue.computed(() => {
+      const valueMap = /* @__PURE__ */ new Map();
+      allOptions.value.forEach((option, index) => {
+        valueMap.set(getValueKey(getValue(option)), { option, index });
+      });
+      return valueMap;
+    });
     const filteredOptionsValueMap = vue.computed(() => {
       const valueMap = /* @__PURE__ */ new Map();
       filteredOptions.value.forEach((option, index) => {
@@ -39827,8 +39929,8 @@
     };
     const getOption = (value) => {
       const selectValue = getValueKey(value);
-      if (filteredOptionsValueMap.value.has(selectValue)) {
-        const { option } = filteredOptionsValueMap.value.get(selectValue);
+      if (allOptionsValueMap.value.has(selectValue)) {
+        const { option } = allOptionsValueMap.value.get(selectValue);
         return option;
       }
       return {
@@ -45859,10 +45961,7 @@
       type: String,
       default: "fixed"
     },
-    scrollbarAlwaysOn: {
-      type: Boolean,
-      default: false
-    },
+    scrollbarAlwaysOn: Boolean,
     flexible: Boolean,
     showOverflowTooltip: [Boolean, Object]
   };
@@ -52652,10 +52751,19 @@
   const ElTree = _Tree;
 
   const useSelect = (props, { attrs, emit }, {
+    select,
     tree,
     key
   }) => {
     const ns = useNamespace("tree-select");
+    vue.watch(() => props.data, () => {
+      if (props.filterable) {
+        vue.nextTick(() => {
+          var _a, _b;
+          (_b = tree.value) == null ? void 0 : _b.filter((_a = select.value) == null ? void 0 : _a.states.inputValue);
+        });
+      }
+    }, { flush: "post" });
     const result = {
       ...pick(vue.toRefs(props), Object.keys(ElSelect.props)),
       ...attrs,
@@ -52668,18 +52776,13 @@
         return classes.join(" ");
       }),
       filterMethod: (keyword = "") => {
-        if (props.filterMethod)
+        var _a;
+        if (props.filterMethod) {
           props.filterMethod(keyword);
-        vue.nextTick(() => {
-          var _a;
+        } else if (props.remoteMethod) {
+          props.remoteMethod(keyword);
+        } else {
           (_a = tree.value) == null ? void 0 : _a.filter(keyword);
-        });
-      },
-      onVisibleChange: (visible) => {
-        var _a;
-        (_a = attrs.onVisibleChange) == null ? void 0 : _a.call(attrs, visible);
-        if (props.filterable && visible) {
-          result.filterMethod();
         }
       }
     };
@@ -52794,9 +52897,6 @@
       }, (data) => getNodeValByProp("children", data));
       return options;
     });
-    const cacheOptionsMap = vue.computed(() => {
-      return cacheOptions.value.reduce((prev, next) => ({ ...prev, [next.value]: next }), {});
-    });
     return {
       ...pick(vue.toRefs(props), Object.keys(_Tree.props)),
       ...attrs,
@@ -52842,14 +52942,16 @@
         if (!props.showCheckbox)
           return;
         const dataValue = getNodeValByProp("value", data);
+        const dataMap = {};
+        treeEach([tree.value.store.root], (node) => dataMap[node.key] = node, (node) => node.childNodes);
         const uncachedCheckedKeys = params.checkedKeys;
-        const cachedKeys = props.multiple ? toValidArray(props.modelValue).filter((item) => item in cacheOptionsMap.value && !tree.value.getNode(item) && !uncachedCheckedKeys.includes(item)) : [];
-        const checkedKeys = uncachedCheckedKeys.concat(cachedKeys);
+        const cachedKeys = props.multiple ? toValidArray(props.modelValue).filter((item) => !(item in dataMap) && !uncachedCheckedKeys.includes(item)) : [];
+        const checkedKeys = cachedKeys.concat(uncachedCheckedKeys);
         if (props.checkStrictly) {
           emit(UPDATE_MODEL_EVENT, props.multiple ? checkedKeys : checkedKeys.includes(dataValue) ? dataValue : void 0);
         } else {
           if (props.multiple) {
-            emit(UPDATE_MODEL_EVENT, tree.value.getCheckedKeys(true));
+            emit(UPDATE_MODEL_EVENT, cachedKeys.concat(tree.value.getCheckedKeys(true)));
           } else {
             const firstLeaf = treeFind([data], (data2) => !isValidArray(getNodeValByProp("children", data2)) && !getNodeValByProp("disabled", data2), (data2) => getNodeValByProp("children", data2));
             const firstLeafKey = firstLeaf ? getNodeValByProp("value", firstLeaf) : void 0;
@@ -53264,7 +53366,9 @@
     function setCheckedKeys(keys) {
       checkedKeys.value.clear();
       indeterminateKeys.value.clear();
-      _setCheckedKeys(keys);
+      vue.nextTick(() => {
+        _setCheckedKeys(keys);
+      });
     }
     function setChecked(key, isChecked2) {
       if ((tree == null ? void 0 : tree.value) && props.showCheckbox) {