@element-plus/nightly 0.0.20240227 → 0.0.20240228

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240227 */
+/*! Element Plus v0.0.20240228 */
 
 (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.20240228";
 
   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"]);
@@ -21875,6 +21866,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 +21877,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 +21946,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 +21964,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 +22014,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 +22047,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 +22067,8 @@
       isChecked,
       checkboxButtonSize,
       checkboxSize,
-      hasOwnLabel
+      hasOwnLabel,
+      actualValue
     } = useCheckboxStatus(props, slots, { model });
     const { isDisabled } = useCheckboxDisabled({ model, isChecked });
     const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
@@ -22082,7 +22083,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 +22125,7 @@
       checkboxSize,
       hasOwnLabel,
       model,
+      actualValue,
       handleChange,
       onClickRoot
     };
@@ -22119,6 +22152,7 @@
         checkboxSize,
         hasOwnLabel,
         model,
+        actualValue,
         handleChange,
         onClickRoot
       } = useCheckbox(props, slots);
@@ -22151,7 +22185,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 +22195,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 +22212,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 +22262,7 @@
         isDisabled,
         checkboxButtonSize,
         model,
+        actualValue,
         handleChange
       } = useCheckbox(props, slots);
       const checkboxGroup = vue.inject(checkboxGroupContextKey, void 0);
@@ -22255,7 +22290,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 +22298,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 +22315,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 +22437,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 +22471,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 +22487,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 +22511,8 @@
       size,
       disabled,
       tabIndex,
-      modelValue
+      modelValue,
+      actualValue
     };
   };
 
@@ -22474,7 +22527,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 +22539,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 +22547,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 +22555,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 +22587,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 +22600,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 +22614,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 +22625,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 +22638,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 +22661,7 @@
     disabled: Boolean,
     modelValue: {
       type: [String, Number, Boolean],
-      default: ""
+      default: void 0
     },
     fill: {
       type: String,
@@ -26628,7 +26677,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 +32925,6 @@
     hideTimeout: Number,
     popperClass: String,
     disabled: Boolean,
-    popperAppendToBody: {
-      type: Boolean,
-      default: void 0
-    },
     teleported: {
       type: Boolean,
       default: void 0
@@ -32903,13 +32948,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 +32972,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`);
@@ -34122,13 +34159,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 +34202,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 +34397,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 +34875,6 @@
       default: true
     },
     remoteShowSuffix: Boolean,
-    suffixTransition: {
-      type: Boolean,
-      default: true
-    },
     placement: {
       type: definePropType(String),
       values: Ee,
@@ -39230,18 +39248,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"),
@@ -39784,15 +39797,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) => {
@@ -42144,18 +42149,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 +42164,6 @@
     tabindex: {
       type: [String, Number]
     },
-    value: {
-      type: [Boolean, String, Number],
-      default: false
-    },
     label: {
       type: String,
       default: void 0
@@ -42201,31 +42190,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 +42222,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 +42274,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 +42288,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 +42390,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 +49304,6 @@
       values: ["card", "border-card", ""],
       default: ""
     },
-    activeName: {
-      type: [String, Number]
-    },
     closable: Boolean,
     addable: Boolean,
     modelValue: {
@@ -49386,7 +49339,7 @@
       slots,
       expose
     }) {
-      var _a, _b;
+      var _a;
       const ns = useNamespace("tabs");
       const {
         children: panes,
@@ -49394,9 +49347,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 +49360,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 +49382,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 +49398,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 +49407,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)]