@element-plus/nightly 0.0.20240227 → 0.0.20240229

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20240227 */
+/*! Element Plus v0.0.20240229 */
 
-import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, resolveDirective, render, createApp, shallowReactive } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, render, createApp, shallowReactive } from 'vue';
 
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
 const isVisible = (element) => {
@@ -11638,7 +11638,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20240227";
+const version$1 = "0.0.20240229";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -20894,7 +20894,6 @@ const threeConsecutiveMonth = (start, end) => {
   ];
 };
 const useCalendar = (props, emit, componentName) => {
-  const slots = useSlots();
   const { lang } = useLocale();
   const selectedDay = ref();
   const now = dayjs().locale(lang.value);
@@ -20972,14 +20971,6 @@ const useCalendar = (props, emit, componentName) => {
       pickDay(day);
     }
   };
-  useDeprecated({
-    from: '"dateCell"',
-    replacement: '"date-cell"',
-    scope: "ElCalendar",
-    version: "2.3.0",
-    ref: "https://element-plus.org/en-US/component/calendar.html#slots",
-    type: "Slot"
-  }, computed$1(() => !!slots.dateCell));
   return {
     calculateValidatedDateRange,
     date,
@@ -21094,10 +21085,10 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
             "selected-day": unref(realSelectedDay),
             onPick: unref(pickDay)
           }, createSlots({ _: 2 }, [
-            _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
+            _ctx.$slots["date-cell"] ? {
               name: "date-cell",
               fn: withCtx((data) => [
-                _ctx.$slots["date-cell"] ? renderSlot(_ctx.$slots, "date-cell", normalizeProps(mergeProps({ key: 0 }, data))) : renderSlot(_ctx.$slots, "dateCell", normalizeProps(mergeProps({ key: 1 }, data)))
+                renderSlot(_ctx.$slots, "date-cell", normalizeProps(guardReactiveProps(data)))
               ])
             } : void 0
           ]), 1032, ["date", "selected-day", "onPick"])
@@ -21114,10 +21105,10 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
               "hide-header": index !== 0,
               onPick: unref(pickDay)
             }, createSlots({ _: 2 }, [
-              _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
+              _ctx.$slots["date-cell"] ? {
                 name: "date-cell",
                 fn: withCtx((data) => [
-                  _ctx.$slots["date-cell"] ? renderSlot(_ctx.$slots, "date-cell", normalizeProps(mergeProps({ key: 0 }, data))) : renderSlot(_ctx.$slots, "dateCell", normalizeProps(mergeProps({ key: 1 }, data)))
+                  renderSlot(_ctx.$slots, "date-cell", normalizeProps(guardReactiveProps(data)))
                 ])
               } : void 0
             ]), 1032, ["date", "selected-day", "range", "hide-header", "onPick"]);
@@ -21243,6 +21234,10 @@ const carouselProps = buildProps({
   pauseOnHover: {
     type: Boolean,
     default: true
+  },
+  motionBlur: {
+    type: Boolean,
+    default: false
   }
 });
 const carouselEmits = {
@@ -21265,6 +21260,8 @@ const useCarousel = (props, emit, componentName) => {
   const root = ref();
   const containerHeight = ref(0);
   const isItemsTwoLength = ref(true);
+  const isFirstCall = ref(true);
+  const isTransitioning = ref(false);
   const arrowDisplay = computed$1(() => props.arrow !== "never" && !unref(isVertical));
   const hasLabel = computed$1(() => {
     return items.value.some((item) => item.props.label.toString().length > 0);
@@ -21305,6 +21302,10 @@ const useCarousel = (props, emit, componentName) => {
     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) {
@@ -21312,6 +21313,10 @@ const useCarousel = (props, emit, componentName) => {
     }
   };
   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) {
@@ -21371,6 +21376,9 @@ const useCarousel = (props, emit, componentName) => {
     hover.value = false;
     startTimer();
   }
+  function handleTransitionEnd() {
+    isTransitioning.value = false;
+  }
   function handleButtonEnter(arrow) {
     if (unref(isVertical))
       return;
@@ -21388,11 +21396,19 @@ const useCarousel = (props, emit, componentName) => {
     });
   }
   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() {
@@ -21483,11 +21499,13 @@ const useCarousel = (props, emit, componentName) => {
     hasLabel,
     hover,
     isCardType,
+    isTransitioning,
     items,
     isVertical,
     containerStyle,
     isItemsTwoLength,
     handleButtonEnter,
+    handleTransitionEnd,
     handleButtonLeave,
     handleIndicatorClick,
     handleMouseEnter,
@@ -21507,6 +21525,29 @@ const _hoisted_2$C = ["aria-label"];
 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__ */ createElementVNode("defs", null, [
+  /* @__PURE__ */ createElementVNode("filter", { id: "elCarouselHorizontal" }, [
+    /* @__PURE__ */ createElementVNode("feGaussianBlur", {
+      in: "SourceGraphic",
+      stdDeviation: "12,0"
+    })
+  ]),
+  /* @__PURE__ */ createElementVNode("filter", { id: "elCarouselVertical" }, [
+    /* @__PURE__ */ createElementVNode("feGaussianBlur", {
+      in: "SourceGraphic",
+      stdDeviation: "0,10"
+    })
+  ])
+], -1);
+const _hoisted_8$2 = [
+  _hoisted_7$2
+];
 const COMPONENT_NAME$f = "ElCarousel";
 const __default__$1k = defineComponent({
   name: COMPONENT_NAME$f
@@ -21529,9 +21570,11 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
       containerStyle,
       handleButtonEnter,
       handleButtonLeave,
+      isTransitioning,
       handleIndicatorClick,
       handleMouseEnter,
       handleMouseLeave,
+      handleTransitionEnd,
       setActiveItem,
       prev,
       next,
@@ -21549,6 +21592,13 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
       }
       return classes;
     });
+    const carouselContainer = computed$1(() => {
+      const classes = [ns.e("container")];
+      if (props.motionBlur && unref(isTransitioning)) {
+        classes.push(unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`);
+      }
+      return classes;
+    });
     const indicatorsClasses = computed$1(() => {
       const classes = [ns.e("indicators"), ns.em("indicators", props.direction)];
       if (unref(hasLabel)) {
@@ -21572,76 +21622,77 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
         ref_key: "root",
         ref: root,
         class: normalizeClass(unref(carouselClasses)),
-        onMouseenter: _cache[6] || (_cache[6] = withModifiers((...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args), ["stop"])),
-        onMouseleave: _cache[7] || (_cache[7] = withModifiers((...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args), ["stop"]))
+        onMouseenter: _cache[7] || (_cache[7] = withModifiers((...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args), ["stop"])),
+        onMouseleave: _cache[8] || (_cache[8] = withModifiers((...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args), ["stop"]))
       }, [
+        unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
+          key: 0,
+          name: "carousel-arrow-left",
+          persisted: ""
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("button", {
+              type: "button",
+              class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "left")]),
+              "aria-label": unref(t)("el.carousel.leftArrow"),
+              onMouseenter: _cache[0] || (_cache[0] = ($event) => unref(handleButtonEnter)("left")),
+              onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
+              onClick: _cache[2] || (_cache[2] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) - 1), ["stop"]))
+            }, [
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  createVNode(unref(arrow_left_default))
+                ]),
+                _: 1
+              })
+            ], 42, _hoisted_1$Y), [
+              [
+                vShow,
+                (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) > 0)
+              ]
+            ])
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true),
+        unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
+          key: 1,
+          name: "carousel-arrow-right",
+          persisted: ""
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("button", {
+              type: "button",
+              class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "right")]),
+              "aria-label": unref(t)("el.carousel.rightArrow"),
+              onMouseenter: _cache[3] || (_cache[3] = ($event) => unref(handleButtonEnter)("right")),
+              onMouseleave: _cache[4] || (_cache[4] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
+              onClick: _cache[5] || (_cache[5] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) + 1), ["stop"]))
+            }, [
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  createVNode(unref(arrow_right_default))
+                ]),
+                _: 1
+              })
+            ], 42, _hoisted_2$C), [
+              [
+                vShow,
+                (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) < unref(items).length - 1)
+              ]
+            ])
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true),
         createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("container")),
-          style: normalizeStyle(unref(containerStyle))
+          class: normalizeClass(unref(carouselContainer)),
+          style: normalizeStyle(unref(containerStyle)),
+          onTransitionend: _cache[6] || (_cache[6] = (...args) => unref(handleTransitionEnd) && unref(handleTransitionEnd)(...args))
         }, [
-          unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
-            key: 0,
-            name: "carousel-arrow-left",
-            persisted: ""
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("button", {
-                type: "button",
-                class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "left")]),
-                "aria-label": unref(t)("el.carousel.leftArrow"),
-                onMouseenter: _cache[0] || (_cache[0] = ($event) => unref(handleButtonEnter)("left")),
-                onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
-                onClick: _cache[2] || (_cache[2] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) - 1), ["stop"]))
-              }, [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(arrow_left_default))
-                  ]),
-                  _: 1
-                })
-              ], 42, _hoisted_1$Y), [
-                [
-                  vShow,
-                  (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) > 0)
-                ]
-              ])
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
-          unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
-            key: 1,
-            name: "carousel-arrow-right",
-            persisted: ""
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("button", {
-                type: "button",
-                class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "right")]),
-                "aria-label": unref(t)("el.carousel.rightArrow"),
-                onMouseenter: _cache[3] || (_cache[3] = ($event) => unref(handleButtonEnter)("right")),
-                onMouseleave: _cache[4] || (_cache[4] = (...args) => unref(handleButtonLeave) && unref(handleButtonLeave)(...args)),
-                onClick: _cache[5] || (_cache[5] = withModifiers(($event) => unref(throttledArrowClick)(unref(activeIndex) + 1), ["stop"]))
-              }, [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(arrow_right_default))
-                  ]),
-                  _: 1
-                })
-              ], 42, _hoisted_2$C), [
-                [
-                  vShow,
-                  (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) < unref(items).length - 1)
-                ]
-              ])
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
           createVNode(unref(PlaceholderItem)),
           renderSlot(_ctx.$slots, "default")
-        ], 6),
+        ], 38),
         _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
-          key: 0,
+          key: 2,
           class: normalizeClass(unref(indicatorsClasses))
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
@@ -21665,7 +21716,8 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
               [vShow, unref(isTwoLengthShow)(index)]
             ]);
           }), 128))
-        ], 2)) : createCommentVNode("v-if", true)
+        ], 2)) : createCommentVNode("v-if", true),
+        props.motionBlur ? (openBlock(), createElementBlock("svg", _hoisted_6$4, _hoisted_8$2)) : createCommentVNode("v-if", true)
       ], 34);
     };
   }
@@ -21871,6 +21923,10 @@ const checkboxProps = {
     type: [String, Boolean, Number, Object],
     default: void 0
   },
+  value: {
+    type: [String, Boolean, Number, Object],
+    default: void 0
+  },
   indeterminate: Boolean,
   disabled: Boolean,
   checked: Boolean,
@@ -21878,6 +21934,14 @@ const checkboxProps = {
     type: String,
     default: void 0
   },
+  trueValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  falseValue: {
+    type: [String, Number],
+    default: void 0
+  },
   trueLabel: {
     type: [String, Number],
     default: void 0
@@ -21939,7 +22003,7 @@ const useCheckboxEvent = (props, {
   const { emit } = getCurrentInstance();
   function getLabeledValue(value) {
     var _a, _b;
-    return value === props.trueLabel || value === true ? (_a = props.trueLabel) != null ? _a : true : (_b = props.falseLabel) != null ? _b : false;
+    return [true, props.trueValue, props.trueLabel].includes(value) ? (_a = props.trueValue || props.trueLabel) != null ? _a : true : (_b = props.falseValue || props.falseLabel) != null ? _b : false;
   }
   function emitChangeEvent(checked, e) {
     emit("change", getLabeledValue(checked), e);
@@ -21957,7 +22021,7 @@ const useCheckboxEvent = (props, {
       const eventTargets = e.composedPath();
       const hasLabel = eventTargets.some((item) => item.tagName === "LABEL");
       if (!hasLabel) {
-        model.value = getLabeledValue([false, props.falseLabel].includes(model.value));
+        model.value = getLabeledValue([false, props.falseValue, props.falseLabel].includes(model.value));
         await nextTick();
         emitChangeEvent(model.value, e);
       }
@@ -22007,18 +22071,24 @@ const useCheckboxModel = (props) => {
 const useCheckboxStatus = (props, slots, { model }) => {
   const checkboxGroup = inject(checkboxGroupContextKey, void 0);
   const isFocused = ref(false);
+  const actualValue = computed$1(() => {
+    if (!isPropAbsent(props.value)) {
+      return props.value;
+    }
+    return props.label;
+  });
   const isChecked = computed$1(() => {
     const value = model.value;
     if (isBoolean(value)) {
       return value;
     } else if (isArray$1(value)) {
-      if (isObject$1(props.label)) {
-        return value.map(toRaw$1).some((o) => isEqual$1(o, props.label));
+      if (isObject$1(actualValue.value)) {
+        return value.map(toRaw$1).some((o) => isEqual$1(o, actualValue.value));
       } else {
-        return value.map(toRaw$1).includes(props.label);
+        return value.map(toRaw$1).includes(actualValue.value);
       }
     } else if (value !== null && value !== void 0) {
-      return value === props.trueLabel;
+      return value === props.trueValue || value === props.trueLabel;
     } else {
       return !!value;
     }
@@ -22034,27 +22104,18 @@ const useCheckboxStatus = (props, slots, { model }) => {
     return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
   }));
   const hasOwnLabel = computed$1(() => {
-    return !!slots.default || !isNil(props.label);
+    return !!slots.default || !isPropAbsent(actualValue.value);
   });
   return {
     checkboxButtonSize,
     isChecked,
     isFocused,
     checkboxSize,
-    hasOwnLabel
+    hasOwnLabel,
+    actualValue
   };
 };
 
-const setStoreValue = (props, { model }) => {
-  function addToStore() {
-    if (isArray$1(model.value) && !model.value.includes(props.label)) {
-      model.value.push(props.label);
-    } else {
-      model.value = props.trueLabel || true;
-    }
-  }
-  props.checked && addToStore();
-};
 const useCheckbox = (props, slots) => {
   const { formItem: elFormItem } = useFormItem();
   const { model, isGroup, isLimitExceeded } = useCheckboxModel(props);
@@ -22063,7 +22124,8 @@ const useCheckbox = (props, slots) => {
     isChecked,
     checkboxButtonSize,
     checkboxSize,
-    hasOwnLabel
+    hasOwnLabel,
+    actualValue
   } = useCheckboxStatus(props, slots, { model });
   const { isDisabled } = useCheckboxDisabled({ model, isChecked });
   const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
@@ -22078,7 +22140,38 @@ const useCheckbox = (props, slots) => {
     isDisabled,
     isLabeledByFormItem
   });
-  setStoreValue(props, { model });
+  const setStoreValue = () => {
+    function addToStore() {
+      if (isArray$1(model.value) && !model.value.includes(actualValue.value)) {
+        model.value.push(actualValue.value);
+      } else {
+        model.value = props.trueValue || props.trueLabel || true;
+      }
+    }
+    props.checked && addToStore();
+  };
+  setStoreValue();
+  useDeprecated({
+    from: "label act as value",
+    replacement: "value",
+    version: "3.0.0",
+    scope: "el-checkbox",
+    ref: "https://element-plus.org/en-US/component/checkbox.html"
+  }, computed$1(() => isGroup.value && isPropAbsent(props.value)));
+  useDeprecated({
+    from: "true-label",
+    replacement: "true-value",
+    version: "3.0.0",
+    scope: "el-checkbox",
+    ref: "https://element-plus.org/en-US/component/checkbox.html"
+  }, computed$1(() => !!props.trueLabel));
+  useDeprecated({
+    from: "false-label",
+    replacement: "false-value",
+    version: "3.0.0",
+    scope: "el-checkbox",
+    ref: "https://element-plus.org/en-US/component/checkbox.html"
+  }, computed$1(() => !!props.falseLabel));
   return {
     inputId,
     isLabeledByFormItem,
@@ -22089,6 +22182,7 @@ const useCheckbox = (props, slots) => {
     checkboxSize,
     hasOwnLabel,
     model,
+    actualValue,
     handleChange,
     onClickRoot
   };
@@ -22115,6 +22209,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
       checkboxSize,
       hasOwnLabel,
       model,
+      actualValue,
       handleChange,
       onClickRoot
     } = useCheckbox(props, slots);
@@ -22147,7 +22242,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
           createElementVNode("span", {
             class: normalizeClass(unref(spanKls))
           }, [
-            _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
+            _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
               key: 0,
               id: unref(inputId),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
@@ -22157,8 +22252,8 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
               name: _ctx.name,
               tabindex: _ctx.tabindex,
               disabled: unref(isDisabled),
-              "true-value": _ctx.trueLabel,
-              "false-value": _ctx.falseLabel,
+              "true-value": _ctx.trueValue || _ctx.trueLabel,
+              "false-value": _ctx.falseValue || _ctx.falseLabel,
               onChange: _cache[1] || (_cache[1] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
               onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
               onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
@@ -22174,7 +22269,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
               type: "checkbox",
               indeterminate: _ctx.indeterminate,
               disabled: unref(isDisabled),
-              value: _ctx.label,
+              value: unref(actualValue),
               name: _ctx.name,
               tabindex: _ctx.tabindex,
               onChange: _cache[6] || (_cache[6] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
@@ -22224,6 +22319,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
       isDisabled,
       checkboxButtonSize,
       model,
+      actualValue,
       handleChange
     } = useCheckbox(props, slots);
     const checkboxGroup = inject(checkboxGroupContextKey, void 0);
@@ -22251,7 +22347,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(unref(labelKls))
       }, [
-        _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
+        _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
           key: 0,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
           class: normalizeClass(unref(ns).be("button", "original")),
@@ -22259,8 +22355,8 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
           name: _ctx.name,
           tabindex: _ctx.tabindex,
           disabled: unref(isDisabled),
-          "true-value": _ctx.trueLabel,
-          "false-value": _ctx.falseLabel,
+          "true-value": _ctx.trueValue || _ctx.trueLabel,
+          "false-value": _ctx.falseValue || _ctx.falseLabel,
           onChange: _cache[1] || (_cache[1] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
           onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
           onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
@@ -22276,7 +22372,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
           name: _ctx.name,
           tabindex: _ctx.tabindex,
           disabled: unref(isDisabled),
-          value: _ctx.label,
+          value: unref(actualValue),
           onChange: _cache[6] || (_cache[6] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
           onFocus: _cache[7] || (_cache[7] = ($event) => isFocused.value = true),
           onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
@@ -22398,23 +22494,27 @@ const ElCheckboxButton = withNoopInstall(CheckboxButton);
 const ElCheckboxGroup$1 = withNoopInstall(CheckboxGroup);
 
 const radioPropsBase = buildProps({
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
   size: useSizeProp,
   disabled: Boolean,
   label: {
     type: [String, Number, Boolean],
-    default: ""
-  }
-});
-const radioProps = buildProps({
-  ...radioPropsBase,
-  modelValue: {
+    default: void 0
+  },
+  value: {
     type: [String, Number, Boolean],
-    default: ""
+    default: void 0
   },
   name: {
     type: String,
-    default: ""
-  },
+    default: void 0
+  }
+});
+const radioProps = buildProps({
+  ...radioPropsBase,
   border: Boolean
 });
 const radioEmits = {
@@ -22428,6 +22528,12 @@ const useRadio = (props, emit) => {
   const radioRef = ref();
   const radioGroup = inject(radioGroupKey, void 0);
   const isGroup = computed$1(() => !!radioGroup);
+  const actualValue = computed$1(() => {
+    if (!isPropAbsent(props.value)) {
+      return props.value;
+    }
+    return props.label;
+  });
   const modelValue = computed$1({
     get() {
       return isGroup.value ? radioGroup.modelValue : props.modelValue;
@@ -22438,15 +22544,22 @@ const useRadio = (props, emit) => {
       } else {
         emit && emit(UPDATE_MODEL_EVENT, val);
       }
-      radioRef.value.checked = props.modelValue === props.label;
+      radioRef.value.checked = props.modelValue === actualValue.value;
     }
   });
   const size = useFormSize(computed$1(() => radioGroup == null ? void 0 : radioGroup.size));
   const disabled = useFormDisabled(computed$1(() => radioGroup == null ? void 0 : radioGroup.disabled));
   const focus = ref(false);
   const tabIndex = computed$1(() => {
-    return disabled.value || isGroup.value && modelValue.value !== props.label ? -1 : 0;
+    return disabled.value || isGroup.value && modelValue.value !== actualValue.value ? -1 : 0;
   });
+  useDeprecated({
+    from: "label act as value",
+    replacement: "value",
+    version: "3.0.0",
+    scope: "el-radio",
+    ref: "https://element-plus.org/en-US/component/radio.html"
+  }, computed$1(() => isGroup.value && isPropAbsent(props.value)));
   return {
     radioRef,
     isGroup,
@@ -22455,7 +22568,8 @@ const useRadio = (props, emit) => {
     size,
     disabled,
     tabIndex,
-    modelValue
+    modelValue,
+    actualValue
   };
 };
 
@@ -22470,7 +22584,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const ns = useNamespace("radio");
-    const { radioRef, radioGroup, focus, size, disabled, modelValue } = useRadio(props, emit);
+    const { radioRef, radioGroup, focus, size, disabled, modelValue, actualValue } = useRadio(props, emit);
     function handleChange() {
       nextTick(() => emit("change", modelValue.value));
     }
@@ -22482,7 +22596,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
           unref(ns).is("disabled", unref(disabled)),
           unref(ns).is("focus", unref(focus)),
           unref(ns).is("bordered", _ctx.border),
-          unref(ns).is("checked", unref(modelValue) === _ctx.label),
+          unref(ns).is("checked", unref(modelValue) === unref(actualValue)),
           unref(ns).m(unref(size))
         ])
       }, [
@@ -22490,7 +22604,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
           class: normalizeClass([
             unref(ns).e("input"),
             unref(ns).is("disabled", unref(disabled)),
-            unref(ns).is("checked", unref(modelValue) === _ctx.label)
+            unref(ns).is("checked", unref(modelValue) === unref(actualValue))
           ])
         }, [
           withDirectives(createElementVNode("input", {
@@ -22498,7 +22612,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
             ref: radioRef,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
             class: normalizeClass(unref(ns).e("original")),
-            value: _ctx.label,
+            value: unref(actualValue),
             name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
             disabled: unref(disabled),
             type: "radio",
@@ -22530,11 +22644,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
 var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__file", "radio.vue"]]);
 
 const radioButtonProps = buildProps({
-  ...radioPropsBase,
-  name: {
-    type: String,
-    default: ""
-  }
+  ...radioPropsBase
 });
 
 const _hoisted_1$U = ["value", "name", "disabled"];
@@ -22547,7 +22657,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const ns = useNamespace("radio");
-    const { radioRef, focus, size, disabled, modelValue, radioGroup } = useRadio(props);
+    const { radioRef, focus, size, disabled, modelValue, radioGroup, actualValue } = useRadio(props);
     const activeStyle = computed$1(() => {
       return {
         backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
@@ -22561,7 +22671,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass([
           unref(ns).b("button"),
-          unref(ns).is("active", unref(modelValue) === _ctx.label),
+          unref(ns).is("active", unref(modelValue) === unref(actualValue)),
           unref(ns).is("disabled", unref(disabled)),
           unref(ns).is("focus", unref(focus)),
           unref(ns).bm("button", unref(size))
@@ -22572,7 +22682,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
           ref: radioRef,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
           class: normalizeClass(unref(ns).be("button", "original-radio")),
-          value: _ctx.label,
+          value: unref(actualValue),
           type: "radio",
           name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
           disabled: unref(disabled),
@@ -22585,7 +22695,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
         ]),
         createElementVNode("span", {
           class: normalizeClass(unref(ns).be("button", "inner")),
-          style: normalizeStyle(unref(modelValue) === _ctx.label ? unref(activeStyle) : {}),
+          style: normalizeStyle(unref(modelValue) === unref(actualValue) ? unref(activeStyle) : {}),
           onKeydown: _cache[4] || (_cache[4] = withModifiers(() => {
           }, ["stop"]))
         }, [
@@ -22608,7 +22718,7 @@ const radioGroupProps = buildProps({
   disabled: Boolean,
   modelValue: {
     type: [String, Number, Boolean],
-    default: ""
+    default: void 0
   },
   fill: {
     type: String,
@@ -26624,7 +26734,7 @@ const useBasicDateTable = (props, emit) => {
     const _selectedDate = unref(selectedDate);
     const shouldIncrement = setDateText(cell, { count, rowIndex, columnIndex });
     const cellDate = cell.dayjs.toDate();
-    cell.selected = _selectedDate.find((d) => d.valueOf() === cell.dayjs.valueOf());
+    cell.selected = _selectedDate.find((d) => d.isSame(cell.dayjs, "day"));
     cell.isSelected = !!cell.selected;
     cell.isCurrent = isCurrent(cell);
     cell.disabled = disabledDate == null ? void 0 : disabledDate(cellDate);
@@ -32872,10 +32982,6 @@ const subMenuProps = buildProps({
   hideTimeout: Number,
   popperClass: String,
   disabled: Boolean,
-  popperAppendToBody: {
-    type: Boolean,
-    default: void 0
-  },
   teleported: {
     type: Boolean,
     default: void 0
@@ -32899,13 +33005,6 @@ var SubMenu = defineComponent({
   name: COMPONENT_NAME$c,
   props: subMenuProps,
   setup(props, { slots, expose }) {
-    useDeprecated({
-      from: "popper-append-to-body",
-      replacement: "teleported",
-      scope: COMPONENT_NAME$c,
-      version: "2.3.0",
-      ref: "https://element-plus.org/en-US/component/menu.html#submenu-attributes"
-    }, computed$1(() => props.popperAppendToBody !== void 0));
     const instance = getCurrentInstance();
     const { indexPath, parentMenu } = useMenu(instance, computed$1(() => props.index));
     const nsMenu = useNamespace("menu");
@@ -32930,8 +33029,7 @@ var SubMenu = defineComponent({
       return subMenu.level === 0;
     });
     const appendToBody = computed$1(() => {
-      var _a;
-      const value = (_a = props.teleported) != null ? _a : props.popperAppendToBody;
+      const value = props.teleported;
       return value === void 0 ? isFirstLevel.value : value;
     });
     const menuTransitionName = computed$1(() => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`);
@@ -33343,6 +33441,8 @@ var Menu = defineComponent({
     };
     let isFirstTimeRender = true;
     const handleResize = () => {
+      if (sliceIndex.value === calcSliceIndex())
+        return;
       const callback = () => {
         sliceIndex.value = -1;
         nextTick(() => {
@@ -34118,13 +34218,6 @@ const useSelect$3 = (props, emit) => {
     menuVisibleOnFocus: false,
     isBeforeHide: false
   });
-  useDeprecated({
-    from: "suffixTransition",
-    replacement: "override style scheme",
-    version: "2.3.0",
-    scope: "props",
-    ref: "https://element-plus.org/en-US/component/select.html#select-attributes"
-  }, computed$1(() => props.suffixTransition === false));
   const selectRef = ref(null);
   const selectionRef = ref(null);
   const tooltipRef = ref(null);
@@ -34168,7 +34261,7 @@ const useSelect$3 = (props, emit) => {
     return criteria;
   });
   const iconComponent = computed$1(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
-  const iconReverse = computed$1(() => nsSelect.is("reverse", iconComponent.value && expanded.value && props.suffixTransition));
+  const iconReverse = computed$1(() => nsSelect.is("reverse", iconComponent.value && expanded.value));
   const validateState = computed$1(() => (formItem == null ? void 0 : formItem.validateState) || "");
   const validateIcon = computed$1(() => ValidateComponentsMap[validateState.value]);
   const debounce$1 = computed$1(() => props.remote ? 300 : 0);
@@ -34363,15 +34456,7 @@ const useSelect$3 = (props, emit) => {
         return getValueKey(item) === getValueKey(states.selected);
       });
     } else {
-      if (states.selected.length > 0) {
-        states.hoveringIndex = Math.min(...states.selected.map((selected) => {
-          return optionsArray.value.findIndex((item) => {
-            return getValueKey(item) === getValueKey(selected);
-          });
-        }));
-      } else {
-        states.hoveringIndex = -1;
-      }
+      states.hoveringIndex = optionsArray.value.findIndex((item) => states.selected.some((selected) => getValueKey(selected) === getValueKey(item)));
     }
   };
   const resetSelectionWidth = () => {
@@ -34849,10 +34934,6 @@ const SelectProps$1 = buildProps({
     default: true
   },
   remoteShowSuffix: Boolean,
-  suffixTransition: {
-    type: Boolean,
-    default: true
-  },
   placement: {
     type: definePropType(String),
     values: Ee,
@@ -39226,18 +39307,13 @@ var ElSelectMenu = defineComponent({
         multiple,
         scrollbarAlwaysOn
       } = select.props;
-      if (slots.loading || slots.empty) {
-        return createVNode("div", {
-          "class": ns.b("dropdown"),
-          "style": {
-            width: `${width}px`
-          }
-        }, [((_a = slots.loading) == null ? void 0 : _a.call(slots)) || ((_b = slots.empty) == null ? void 0 : _b.call(slots))]);
-      }
       const List = unref(isSized) ? FixedSizeList$1 : DynamicSizeList$1;
       return createVNode("div", {
-        "class": [ns.b("dropdown"), ns.is("multiple", multiple)]
-      }, [(_c = slots.header) == null ? void 0 : _c.call(slots), createVNode(List, mergeProps({
+        "class": [ns.b("dropdown"), ns.is("multiple", multiple)],
+        "style": {
+          width: `${width}px`
+        }
+      }, [(_a = slots.header) == null ? void 0 : _a.call(slots), ((_b = slots.loading) == null ? void 0 : _b.call(slots)) || ((_c = slots.empty) == null ? void 0 : _c.call(slots)) || createVNode(List, mergeProps({
         "ref": listRef
       }, unref(listProps), {
         "className": ns.be("dropdown", "list"),
@@ -39451,6 +39527,13 @@ const useSelect$1 = (props, emit) => {
     allOptions.value = filterOptions("");
     filteredOptions.value = filterOptions(states.inputValue);
   };
+  const allOptionsValueMap = computed$1(() => {
+    const valueMap = /* @__PURE__ */ new Map();
+    allOptions.value.forEach((option, index) => {
+      valueMap.set(getValueKey(getValue(option)), { option, index });
+    });
+    return valueMap;
+  });
   const filteredOptionsValueMap = computed$1(() => {
     const valueMap = /* @__PURE__ */ new Map();
     filteredOptions.value.forEach((option, index) => {
@@ -39780,15 +39863,7 @@ const useSelect$1 = (props, emit) => {
         return getValueKey(item) === getValueKey(props.modelValue);
       });
     } else {
-      if (props.modelValue.length > 0) {
-        states.hoveringIndex = Math.min(...props.modelValue.map((selected) => {
-          return filteredOptions.value.findIndex((item) => {
-            return getValue(item) === selected;
-          });
-        }));
-      } else {
-        states.hoveringIndex = -1;
-      }
+      states.hoveringIndex = filteredOptions.value.findIndex((item) => props.modelValue.some((modelValue) => getValueKey(modelValue) === getValueKey(item)));
     }
   };
   const onInput = (event) => {
@@ -39818,8 +39893,8 @@ const useSelect$1 = (props, emit) => {
   };
   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 {
@@ -42140,18 +42215,6 @@ const switchProps = buildProps({
     type: [Boolean, String, Number],
     default: false
   },
-  activeColor: {
-    type: String,
-    default: ""
-  },
-  inactiveColor: {
-    type: String,
-    default: ""
-  },
-  borderColor: {
-    type: String,
-    default: ""
-  },
   name: {
     type: String,
     default: ""
@@ -42167,10 +42230,6 @@ const switchProps = buildProps({
   tabindex: {
     type: [String, Number]
   },
-  value: {
-    type: [Boolean, String, Number],
-    default: false
-  },
   label: {
     type: String,
     default: void 0
@@ -42197,31 +42256,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   emits: switchEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const vm = getCurrentInstance();
     const { formItem } = useFormItem();
     const switchSize = useFormSize();
     const ns = useNamespace("switch");
-    const useBatchDeprecated = (list) => {
-      list.forEach((param) => {
-        useDeprecated({
-          from: param[0],
-          replacement: param[1],
-          scope: COMPONENT_NAME$8,
-          version: "2.3.0",
-          ref: "https://element-plus.org/en-US/component/switch.html#attributes",
-          type: "Attribute"
-        }, computed$1(() => {
-          var _a;
-          return !!((_a = vm.vnode.props) == null ? void 0 : _a[param[2]]);
-        }));
-      });
-    };
-    useBatchDeprecated([
-      ['"value"', '"model-value" or "v-model"', "value"],
-      ['"active-color"', "CSS var `--el-switch-on-color`", "activeColor"],
-      ['"inactive-color"', "CSS var `--el-switch-off-color`", "inactiveColor"],
-      ['"border-color"', "CSS var `--el-switch-border-color`", "borderColor"]
-    ]);
     const { inputId } = useFormItemInputId(props, {
       formItemContext: formItem
     });
@@ -42251,11 +42288,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     watch(() => props.modelValue, () => {
       isControlled.value = true;
     });
-    watch(() => props.value, () => {
-      isControlled.value = false;
-    });
     const actualValue = computed$1(() => {
-      return isControlled.value ? props.modelValue : props.value;
+      return isControlled.value ? props.modelValue : false;
     });
     const checked = computed$1(() => actualValue.value === props.activeValue);
     if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {
@@ -42306,13 +42340,6 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         handleChange();
       }
     };
-    const styles = computed$1(() => {
-      return ns.cssVarBlock({
-        ...props.activeColor ? { "on-color": props.activeColor } : null,
-        ...props.inactiveColor ? { "off-color": props.inactiveColor } : null,
-        ...props.borderColor ? { "border-color": props.borderColor } : null
-      });
-    });
     const focus = () => {
       var _a, _b;
       (_b = (_a = input.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
@@ -42327,7 +42354,6 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(switchKls)),
-        style: normalizeStyle(unref(styles)),
         onClick: withModifiers(switchValue, ["prevent"])
       }, [
         createElementVNode("input", {
@@ -42430,7 +42456,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             "aria-hidden": !unref(checked)
           }, toDisplayString(_ctx.activeText), 9, _hoisted_5$1)) : createCommentVNode("v-if", true)
         ], 2)) : createCommentVNode("v-if", true)
-      ], 14, _hoisted_1$g);
+      ], 10, _hoisted_1$g);
     };
   }
 });
@@ -49344,9 +49370,6 @@ const tabsProps = buildProps({
     values: ["card", "border-card", ""],
     default: ""
   },
-  activeName: {
-    type: [String, Number]
-  },
   closable: Boolean,
   addable: Boolean,
   modelValue: {
@@ -49382,7 +49405,7 @@ const Tabs = defineComponent({
     slots,
     expose
   }) {
-    var _a, _b;
+    var _a;
     const ns = useNamespace("tabs");
     const {
       children: panes,
@@ -49390,9 +49413,9 @@ const Tabs = defineComponent({
       removeChild: unregisterPane
     } = useOrderedChildren(getCurrentInstance(), "ElTabPane");
     const nav$ = ref();
-    const currentName = ref((_b = (_a = props.modelValue) != null ? _a : props.activeName) != null ? _b : "0");
+    const currentName = ref((_a = props.modelValue) != null ? _a : "0");
     const setCurrentName = async (value, trigger = false) => {
-      var _a2, _b2, _c;
+      var _a2, _b, _c;
       if (currentName.value === value || isUndefined(value))
         return;
       try {
@@ -49403,7 +49426,7 @@ const Tabs = defineComponent({
             emit(UPDATE_MODEL_EVENT, value);
             emit("tabChange", value);
           }
-          (_c = (_b2 = nav$.value) == null ? void 0 : _b2.removeFocus) == null ? void 0 : _c.call(_b2);
+          (_c = (_b = nav$.value) == null ? void 0 : _b.removeFocus) == null ? void 0 : _c.call(_b);
         }
       } catch (e) {
       }
@@ -49425,23 +49448,6 @@ const Tabs = defineComponent({
       emit("edit", void 0, "add");
       emit("tabAdd");
     };
-    useDeprecated({
-      from: '"activeName"',
-      replacement: '"model-value" or "v-model"',
-      scope: "ElTabs",
-      version: "2.3.0",
-      ref: "https://element-plus.org/en-US/component/tabs.html#attributes",
-      type: "Attribute"
-    }, computed$1(() => !!props.activeName));
-    useDeprecated({
-      from: '"addIcon"',
-      replacement: '"add-icon"',
-      scope: "ElTabs",
-      version: "2.6.0",
-      ref: "https://element-plus.org/en-US/component/tabs.html#slots",
-      type: "Slot"
-    }, computed$1(() => !!slots.addIcon));
-    watch(() => props.activeName, (modelValue) => setCurrentName(modelValue));
     watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
     watch(currentName, async () => {
       var _a2;
@@ -49458,8 +49464,7 @@ const Tabs = defineComponent({
       currentName
     });
     return () => {
-      const addSlot = slots["add-icon"] || slots["addIcon"];
-      const isCamelCase = addSlot && slots["addIcon"];
+      const addSlot = slots["add-icon"];
       const newButton = props.editable || props.addable ? createVNode("span", {
         "class": ns.e("new-tab"),
         "tabindex": "0",
@@ -49468,7 +49473,7 @@ const Tabs = defineComponent({
           if (ev.code === EVENT_CODE.enter)
             handleTabAdd();
         }
-      }, [addSlot ? renderSlot(slots, isCamelCase ? "addIcon" : "add-icon") : createVNode(ElIcon, {
+      }, [addSlot ? renderSlot(slots, "add-icon") : createVNode(ElIcon, {
         "class": ns.is("icon-plus")
       }, {
         default: () => [createVNode(plus_default, null, null)]
@@ -52713,10 +52718,19 @@ const _Tree = Tree;
 const ElTree = _Tree;
 
 const useSelect = (props, { attrs, emit }, {
+  select,
   tree,
   key
 }) => {
   const ns = useNamespace("tree-select");
+  watch(() => props.data, () => {
+    if (props.filterable) {
+      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(toRefs(props), Object.keys(ElSelect.props)),
     ...attrs,
@@ -52729,18 +52743,13 @@ const useSelect = (props, { attrs, emit }, {
       return classes.join(" ");
     }),
     filterMethod: (keyword = "") => {
-      if (props.filterMethod)
+      var _a;
+      if (props.filterMethod) {
         props.filterMethod(keyword);
-      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();
       }
     }
   };
@@ -52855,9 +52864,6 @@ const useTree$1 = (props, { attrs, slots, emit }, {
     }, (data) => getNodeValByProp("children", data));
     return options;
   });
-  const cacheOptionsMap = computed$1(() => {
-    return cacheOptions.value.reduce((prev, next) => ({ ...prev, [next.value]: next }), {});
-  });
   return {
     ...pick(toRefs(props), Object.keys(_Tree.props)),
     ...attrs,
@@ -52903,14 +52909,16 @@ const useTree$1 = (props, { attrs, slots, emit }, {
       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;