@element-plus/nightly 0.0.20240227 → 0.0.20240229

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240227 */
+/*! Element Plus v0.0.20240229 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11642,7 +11642,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240227";
+  const version$1 = "0.0.20240229";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -20898,7 +20898,6 @@
     ];
   };
   const useCalendar = (props, emit, componentName) => {
-    const slots = vue.useSlots();
     const { lang } = useLocale();
     const selectedDay = vue.ref();
     const now = dayjs().locale(lang.value);
@@ -20976,14 +20975,6 @@
         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"
-    }, vue.computed(() => !!slots.dateCell));
     return {
       calculateValidatedDateRange,
       date,
@@ -21098,10 +21089,10 @@
               "selected-day": vue.unref(realSelectedDay),
               onPick: vue.unref(pickDay)
             }, vue.createSlots({ _: 2 }, [
-              _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
+              _ctx.$slots["date-cell"] ? {
                 name: "date-cell",
                 fn: vue.withCtx((data) => [
-                  _ctx.$slots["date-cell"] ? vue.renderSlot(_ctx.$slots, "date-cell", vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.mergeProps({ key: 1 }, data)))
+                  vue.renderSlot(_ctx.$slots, "date-cell", vue.normalizeProps(vue.guardReactiveProps(data)))
                 ])
               } : void 0
             ]), 1032, ["date", "selected-day", "onPick"])
@@ -21118,10 +21109,10 @@
                 "hide-header": index !== 0,
                 onPick: vue.unref(pickDay)
               }, vue.createSlots({ _: 2 }, [
-                _ctx.$slots["date-cell"] || _ctx.$slots.dateCell ? {
+                _ctx.$slots["date-cell"] ? {
                   name: "date-cell",
                   fn: vue.withCtx((data) => [
-                    _ctx.$slots["date-cell"] ? vue.renderSlot(_ctx.$slots, "date-cell", vue.normalizeProps(vue.mergeProps({ key: 0 }, data))) : vue.renderSlot(_ctx.$slots, "dateCell", vue.normalizeProps(vue.mergeProps({ key: 1 }, data)))
+                    vue.renderSlot(_ctx.$slots, "date-cell", vue.normalizeProps(vue.guardReactiveProps(data)))
                   ])
                 } : void 0
               ]), 1032, ["date", "selected-day", "range", "hide-header", "onPick"]);
@@ -21247,6 +21238,10 @@
     pauseOnHover: {
       type: Boolean,
       default: true
+    },
+    motionBlur: {
+      type: Boolean,
+      default: false
     }
   });
   const carouselEmits = {
@@ -21269,6 +21264,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);
@@ -21309,6 +21306,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) {
@@ -21316,6 +21317,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) {
@@ -21375,6 +21380,9 @@
       hover.value = false;
       startTimer();
     }
+    function handleTransitionEnd() {
+      isTransitioning.value = false;
+    }
     function handleButtonEnter(arrow) {
       if (vue.unref(isVertical))
         return;
@@ -21392,11 +21400,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() {
@@ -21487,11 +21503,13 @@
       hasLabel,
       hover,
       isCardType,
+      isTransitioning,
       items,
       isVertical,
       containerStyle,
       isItemsTwoLength,
       handleButtonEnter,
+      handleTransitionEnd,
       handleButtonLeave,
       handleIndicatorClick,
       handleMouseEnter,
@@ -21511,6 +21529,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
@@ -21533,9 +21574,11 @@
         containerStyle,
         handleButtonEnter,
         handleButtonLeave,
+        isTransitioning,
         handleIndicatorClick,
         handleMouseEnter,
         handleMouseLeave,
+        handleTransitionEnd,
         setActiveItem,
         prev,
         next,
@@ -21553,6 +21596,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)) {
@@ -21576,76 +21626,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) => {
@@ -21669,7 +21720,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);
       };
     }
@@ -21875,6 +21927,10 @@
       type: [String, Boolean, Number, Object],
       default: void 0
     },
+    value: {
+      type: [String, Boolean, Number, Object],
+      default: void 0
+    },
     indeterminate: Boolean,
     disabled: Boolean,
     checked: Boolean,
@@ -21882,6 +21938,14 @@
       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
@@ -21943,7 +22007,7 @@
     const { emit } = vue.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);
@@ -21961,7 +22025,7 @@
         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 vue.nextTick();
           emitChangeEvent(model.value, e);
         }
@@ -22011,18 +22075,24 @@
   const useCheckboxStatus = (props, slots, { model }) => {
     const checkboxGroup = vue.inject(checkboxGroupContextKey, void 0);
     const isFocused = vue.ref(false);
+    const actualValue = vue.computed(() => {
+      if (!isPropAbsent(props.value)) {
+        return props.value;
+      }
+      return props.label;
+    });
     const isChecked = vue.computed(() => {
       const value = model.value;
       if (isBoolean(value)) {
         return value;
       } else if (isArray$1(value)) {
-        if (isObject$1(props.label)) {
-          return value.map(vue.toRaw).some((o) => isEqual$1(o, props.label));
+        if (isObject$1(actualValue.value)) {
+          return value.map(vue.toRaw).some((o) => isEqual$1(o, actualValue.value));
         } else {
-          return value.map(vue.toRaw).includes(props.label);
+          return value.map(vue.toRaw).includes(actualValue.value);
         }
       } else if (value !== null && value !== void 0) {
-        return value === props.trueLabel;
+        return value === props.trueValue || value === props.trueLabel;
       } else {
         return !!value;
       }
@@ -22038,27 +22108,18 @@
       return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
     }));
     const hasOwnLabel = vue.computed(() => {
-      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);
@@ -22067,7 +22128,8 @@
       isChecked,
       checkboxButtonSize,
       checkboxSize,
-      hasOwnLabel
+      hasOwnLabel,
+      actualValue
     } = useCheckboxStatus(props, slots, { model });
     const { isDisabled } = useCheckboxDisabled({ model, isChecked });
     const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
@@ -22082,7 +22144,38 @@
       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"
+    }, vue.computed(() => 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"
+    }, vue.computed(() => !!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"
+    }, vue.computed(() => !!props.falseLabel));
     return {
       inputId,
       isLabeledByFormItem,
@@ -22093,6 +22186,7 @@
       checkboxSize,
       hasOwnLabel,
       model,
+      actualValue,
       handleChange,
       onClickRoot
     };
@@ -22119,6 +22213,7 @@
         checkboxSize,
         hasOwnLabel,
         model,
+        actualValue,
         handleChange,
         onClickRoot
       } = useCheckbox(props, slots);
@@ -22151,7 +22246,7 @@
             vue.createElementVNode("span", {
               class: vue.normalizeClass(vue.unref(spanKls))
             }, [
-              _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+              _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                 key: 0,
                 id: vue.unref(inputId),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(model) ? model.value = $event : null),
@@ -22161,8 +22256,8 @@
                 name: _ctx.name,
                 tabindex: _ctx.tabindex,
                 disabled: vue.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) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
                 onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
                 onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
@@ -22178,7 +22273,7 @@
                 type: "checkbox",
                 indeterminate: _ctx.indeterminate,
                 disabled: vue.unref(isDisabled),
-                value: _ctx.label,
+                value: vue.unref(actualValue),
                 name: _ctx.name,
                 tabindex: _ctx.tabindex,
                 onChange: _cache[6] || (_cache[6] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
@@ -22228,6 +22323,7 @@
         isDisabled,
         checkboxButtonSize,
         model,
+        actualValue,
         handleChange
       } = useCheckbox(props, slots);
       const checkboxGroup = vue.inject(checkboxGroupContextKey, void 0);
@@ -22255,7 +22351,7 @@
         return vue.openBlock(), vue.createElementBlock("label", {
           class: vue.normalizeClass(vue.unref(labelKls))
         }, [
-          _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+          _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 0,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(model) ? model.value = $event : null),
             class: vue.normalizeClass(vue.unref(ns).be("button", "original")),
@@ -22263,8 +22359,8 @@
             name: _ctx.name,
             tabindex: _ctx.tabindex,
             disabled: vue.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) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
             onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
             onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
@@ -22280,7 +22376,7 @@
             name: _ctx.name,
             tabindex: _ctx.tabindex,
             disabled: vue.unref(isDisabled),
-            value: _ctx.label,
+            value: vue.unref(actualValue),
             onChange: _cache[6] || (_cache[6] = (...args) => vue.unref(handleChange) && vue.unref(handleChange)(...args)),
             onFocus: _cache[7] || (_cache[7] = ($event) => isFocused.value = true),
             onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
@@ -22402,23 +22498,27 @@
   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 = {
@@ -22432,6 +22532,12 @@
     const radioRef = vue.ref();
     const radioGroup = vue.inject(radioGroupKey, void 0);
     const isGroup = vue.computed(() => !!radioGroup);
+    const actualValue = vue.computed(() => {
+      if (!isPropAbsent(props.value)) {
+        return props.value;
+      }
+      return props.label;
+    });
     const modelValue = vue.computed({
       get() {
         return isGroup.value ? radioGroup.modelValue : props.modelValue;
@@ -22442,15 +22548,22 @@
         } else {
           emit && emit(UPDATE_MODEL_EVENT, val);
         }
-        radioRef.value.checked = props.modelValue === props.label;
+        radioRef.value.checked = props.modelValue === actualValue.value;
       }
     });
     const size = useFormSize(vue.computed(() => radioGroup == null ? void 0 : radioGroup.size));
     const disabled = useFormDisabled(vue.computed(() => radioGroup == null ? void 0 : radioGroup.disabled));
     const focus = vue.ref(false);
     const tabIndex = vue.computed(() => {
-      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"
+    }, vue.computed(() => isGroup.value && isPropAbsent(props.value)));
     return {
       radioRef,
       isGroup,
@@ -22459,7 +22572,8 @@
       size,
       disabled,
       tabIndex,
-      modelValue
+      modelValue,
+      actualValue
     };
   };
 
@@ -22474,7 +22588,7 @@
     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() {
         vue.nextTick(() => emit("change", modelValue.value));
       }
@@ -22486,7 +22600,7 @@
             vue.unref(ns).is("disabled", vue.unref(disabled)),
             vue.unref(ns).is("focus", vue.unref(focus)),
             vue.unref(ns).is("bordered", _ctx.border),
-            vue.unref(ns).is("checked", vue.unref(modelValue) === _ctx.label),
+            vue.unref(ns).is("checked", vue.unref(modelValue) === vue.unref(actualValue)),
             vue.unref(ns).m(vue.unref(size))
           ])
         }, [
@@ -22494,7 +22608,7 @@
             class: vue.normalizeClass([
               vue.unref(ns).e("input"),
               vue.unref(ns).is("disabled", vue.unref(disabled)),
-              vue.unref(ns).is("checked", vue.unref(modelValue) === _ctx.label)
+              vue.unref(ns).is("checked", vue.unref(modelValue) === vue.unref(actualValue))
             ])
           }, [
             vue.withDirectives(vue.createElementVNode("input", {
@@ -22502,7 +22616,7 @@
               ref: radioRef,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
               class: vue.normalizeClass(vue.unref(ns).e("original")),
-              value: _ctx.label,
+              value: vue.unref(actualValue),
               name: _ctx.name || ((_a = vue.unref(radioGroup)) == null ? void 0 : _a.name),
               disabled: vue.unref(disabled),
               type: "radio",
@@ -22534,11 +22648,7 @@
   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"];
@@ -22551,7 +22661,7 @@
     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 = vue.computed(() => {
         return {
           backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
@@ -22565,7 +22675,7 @@
         return vue.openBlock(), vue.createElementBlock("label", {
           class: vue.normalizeClass([
             vue.unref(ns).b("button"),
-            vue.unref(ns).is("active", vue.unref(modelValue) === _ctx.label),
+            vue.unref(ns).is("active", vue.unref(modelValue) === vue.unref(actualValue)),
             vue.unref(ns).is("disabled", vue.unref(disabled)),
             vue.unref(ns).is("focus", vue.unref(focus)),
             vue.unref(ns).bm("button", vue.unref(size))
@@ -22576,7 +22686,7 @@
             ref: radioRef,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
             class: vue.normalizeClass(vue.unref(ns).be("button", "original-radio")),
-            value: _ctx.label,
+            value: vue.unref(actualValue),
             type: "radio",
             name: _ctx.name || ((_a = vue.unref(radioGroup)) == null ? void 0 : _a.name),
             disabled: vue.unref(disabled),
@@ -22589,7 +22699,7 @@
           ]),
           vue.createElementVNode("span", {
             class: vue.normalizeClass(vue.unref(ns).be("button", "inner")),
-            style: vue.normalizeStyle(vue.unref(modelValue) === _ctx.label ? vue.unref(activeStyle) : {}),
+            style: vue.normalizeStyle(vue.unref(modelValue) === vue.unref(actualValue) ? vue.unref(activeStyle) : {}),
             onKeydown: _cache[4] || (_cache[4] = vue.withModifiers(() => {
             }, ["stop"]))
           }, [
@@ -22612,7 +22722,7 @@
     disabled: Boolean,
     modelValue: {
       type: [String, Number, Boolean],
-      default: ""
+      default: void 0
     },
     fill: {
       type: String,
@@ -26628,7 +26738,7 @@
       const _selectedDate = vue.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);
@@ -32876,10 +32986,6 @@
     hideTimeout: Number,
     popperClass: String,
     disabled: Boolean,
-    popperAppendToBody: {
-      type: Boolean,
-      default: void 0
-    },
     teleported: {
       type: Boolean,
       default: void 0
@@ -32903,13 +33009,6 @@
     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"
-      }, vue.computed(() => props.popperAppendToBody !== void 0));
       const instance = vue.getCurrentInstance();
       const { indexPath, parentMenu } = useMenu(instance, vue.computed(() => props.index));
       const nsMenu = useNamespace("menu");
@@ -32934,8 +33033,7 @@
         return subMenu.level === 0;
       });
       const appendToBody = vue.computed(() => {
-        var _a;
-        const value = (_a = props.teleported) != null ? _a : props.popperAppendToBody;
+        const value = props.teleported;
         return value === void 0 ? isFirstLevel.value : value;
       });
       const menuTransitionName = vue.computed(() => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`);
@@ -33347,6 +33445,8 @@
       };
       let isFirstTimeRender = true;
       const handleResize = () => {
+        if (sliceIndex.value === calcSliceIndex())
+          return;
         const callback = () => {
           sliceIndex.value = -1;
           vue.nextTick(() => {
@@ -34122,13 +34222,6 @@
       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"
-    }, vue.computed(() => props.suffixTransition === false));
     const selectRef = vue.ref(null);
     const selectionRef = vue.ref(null);
     const tooltipRef = vue.ref(null);
@@ -34172,7 +34265,7 @@
       return criteria;
     });
     const iconComponent = vue.computed(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
-    const iconReverse = vue.computed(() => nsSelect.is("reverse", iconComponent.value && expanded.value && props.suffixTransition));
+    const iconReverse = vue.computed(() => nsSelect.is("reverse", iconComponent.value && expanded.value));
     const validateState = vue.computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
     const validateIcon = vue.computed(() => ValidateComponentsMap[validateState.value]);
     const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
@@ -34367,15 +34460,7 @@
           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 = () => {
@@ -34853,10 +34938,6 @@
       default: true
     },
     remoteShowSuffix: Boolean,
-    suffixTransition: {
-      type: Boolean,
-      default: true
-    },
     placement: {
       type: definePropType(String),
       values: Ee,
@@ -39230,18 +39311,13 @@
           multiple,
           scrollbarAlwaysOn
         } = select.props;
-        if (slots.loading || slots.empty) {
-          return vue.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 = vue.unref(isSized) ? FixedSizeList$1 : DynamicSizeList$1;
         return vue.createVNode("div", {
-          "class": [ns.b("dropdown"), ns.is("multiple", multiple)]
-        }, [(_c = slots.header) == null ? void 0 : _c.call(slots), vue.createVNode(List, vue.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)) || vue.createVNode(List, vue.mergeProps({
           "ref": listRef
         }, vue.unref(listProps), {
           "className": ns.be("dropdown", "list"),
@@ -39455,6 +39531,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) => {
@@ -39784,15 +39867,7 @@
           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) => {
@@ -39822,8 +39897,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 {
@@ -42144,18 +42219,6 @@
       type: [Boolean, String, Number],
       default: false
     },
-    activeColor: {
-      type: String,
-      default: ""
-    },
-    inactiveColor: {
-      type: String,
-      default: ""
-    },
-    borderColor: {
-      type: String,
-      default: ""
-    },
     name: {
       type: String,
       default: ""
@@ -42171,10 +42234,6 @@
     tabindex: {
       type: [String, Number]
     },
-    value: {
-      type: [Boolean, String, Number],
-      default: false
-    },
     label: {
       type: String,
       default: void 0
@@ -42201,31 +42260,9 @@
     emits: switchEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
-      const vm = vue.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"
-          }, vue.computed(() => {
-            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
       });
@@ -42255,11 +42292,8 @@
       vue.watch(() => props.modelValue, () => {
         isControlled.value = true;
       });
-      vue.watch(() => props.value, () => {
-        isControlled.value = false;
-      });
       const actualValue = vue.computed(() => {
-        return isControlled.value ? props.modelValue : props.value;
+        return isControlled.value ? props.modelValue : false;
       });
       const checked = vue.computed(() => actualValue.value === props.activeValue);
       if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {
@@ -42310,13 +42344,6 @@
           handleChange();
         }
       };
-      const styles = vue.computed(() => {
-        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);
@@ -42331,7 +42358,6 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(vue.unref(switchKls)),
-          style: vue.normalizeStyle(vue.unref(styles)),
           onClick: vue.withModifiers(switchValue, ["prevent"])
         }, [
           vue.createElementVNode("input", {
@@ -42434,7 +42460,7 @@
               "aria-hidden": !vue.unref(checked)
             }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_5$1)) : vue.createCommentVNode("v-if", true)
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$g);
+        ], 10, _hoisted_1$g);
       };
     }
   });
@@ -49348,9 +49374,6 @@
       values: ["card", "border-card", ""],
       default: ""
     },
-    activeName: {
-      type: [String, Number]
-    },
     closable: Boolean,
     addable: Boolean,
     modelValue: {
@@ -49386,7 +49409,7 @@
       slots,
       expose
     }) {
-      var _a, _b;
+      var _a;
       const ns = useNamespace("tabs");
       const {
         children: panes,
@@ -49394,9 +49417,9 @@
         removeChild: unregisterPane
       } = useOrderedChildren(vue.getCurrentInstance(), "ElTabPane");
       const nav$ = vue.ref();
-      const currentName = vue.ref((_b = (_a = props.modelValue) != null ? _a : props.activeName) != null ? _b : "0");
+      const currentName = vue.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 {
@@ -49407,7 +49430,7 @@
               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) {
         }
@@ -49429,23 +49452,6 @@
         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"
-      }, vue.computed(() => !!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"
-      }, vue.computed(() => !!slots.addIcon));
-      vue.watch(() => props.activeName, (modelValue) => setCurrentName(modelValue));
       vue.watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
       vue.watch(currentName, async () => {
         var _a2;
@@ -49462,8 +49468,7 @@
         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 ? vue.createVNode("span", {
           "class": ns.e("new-tab"),
           "tabindex": "0",
@@ -49472,7 +49477,7 @@
             if (ev.code === EVENT_CODE.enter)
               handleTabAdd();
           }
-        }, [addSlot ? vue.renderSlot(slots, isCamelCase ? "addIcon" : "add-icon") : vue.createVNode(ElIcon, {
+        }, [addSlot ? vue.renderSlot(slots, "add-icon") : vue.createVNode(ElIcon, {
           "class": ns.is("icon-plus")
         }, {
           default: () => [vue.createVNode(plus_default, null, null)]
@@ -52717,10 +52722,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,
@@ -52733,18 +52747,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();
         }
       }
     };
@@ -52859,9 +52868,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,
@@ -52907,14 +52913,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;