element-plus 2.5.1 → 2.5.3

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v2.5.1 */
+/*! Element Plus v2.5.3 */
 
-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, camelize as camelize$1, createApp, shallowReactive, render } 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, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, resolveDirective, render, camelize as camelize$1, 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) => {
@@ -8691,8 +8691,6 @@ const isKorean = (text) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
 const rAF = (fn) => isClient ? window.requestAnimationFrame(fn) : setTimeout(fn, 16);
 const cAF = (handle) => isClient ? window.cancelAnimationFrame(handle) : clearTimeout(handle);
 
-const generateId = () => Math.floor(Math.random() * 1e4);
-
 const mutable = (val) => val;
 
 const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
@@ -11561,7 +11559,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "2.5.1";
+const version$1 = "2.5.3";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11611,11 +11609,11 @@ var _export_sfc = (sfc, props) => {
 };
 
 const COMPONENT_NAME$n = "ElAffix";
-const __default__$1H = defineComponent({
+const __default__$1I = defineComponent({
   name: COMPONENT_NAME$n
 });
 const _sfc_main$2n = /* @__PURE__ */ defineComponent({
-  ...__default__$1H,
+  ...__default__$1I,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11731,12 +11729,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1G = defineComponent({
+const __default__$1H = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
 const _sfc_main$2m = /* @__PURE__ */ defineComponent({
-  ...__default__$1G,
+  ...__default__$1H,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11799,11 +11797,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1F = defineComponent({
+const __default__$1G = defineComponent({
   name: "ElAlert"
 });
 const _sfc_main$2l = /* @__PURE__ */ defineComponent({
-  ...__default__$1F,
+  ...__default__$1G,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -12053,11 +12051,11 @@ const filterFields = (fields, props) => {
 };
 
 const COMPONENT_NAME$m = "ElForm";
-const __default__$1E = defineComponent({
+const __default__$1F = defineComponent({
   name: COMPONENT_NAME$m
 });
 const _sfc_main$2k = /* @__PURE__ */ defineComponent({
-  ...__default__$1E,
+  ...__default__$1F,
   props: formProps,
   emits: formEmits,
   setup(__props, { expose, emit }) {
@@ -13369,11 +13367,11 @@ var FormLabelWrap = defineComponent({
 });
 
 const _hoisted_1$15 = ["role", "aria-labelledby"];
-const __default__$1D = defineComponent({
+const __default__$1E = defineComponent({
   name: "ElFormItem"
 });
 const _sfc_main$2j = /* @__PURE__ */ defineComponent({
-  ...__default__$1D,
+  ...__default__$1E,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13863,13 +13861,13 @@ const inputEmits = {
 
 const _hoisted_1$14 = ["role"];
 const _hoisted_2$I = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
-const _hoisted_3$i = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
-const __default__$1C = defineComponent({
+const _hoisted_3$i = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
+const __default__$1D = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
 const _sfc_main$2i = /* @__PURE__ */ defineComponent({
-  ...__default__$1C,
+  ...__default__$1D,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -14261,6 +14259,8 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
             ref: textarea,
             class: unref(nsTextarea).e("inner")
           }, unref(attrs), {
+            minlength: _ctx.minlength,
+            maxlength: _ctx.maxlength,
             tabindex: _ctx.tabindex,
             disabled: unref(inputDisabled),
             readonly: _ctx.readonly,
@@ -14573,11 +14573,11 @@ const scrollbarEmits = {
 };
 
 const COMPONENT_NAME$j = "ElScrollbar";
-const __default__$1B = defineComponent({
+const __default__$1C = defineComponent({
   name: COMPONENT_NAME$j
 });
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1B,
+  ...__default__$1C,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -14765,12 +14765,12 @@ const popperProps = buildProps({
 });
 const usePopperProps = popperProps;
 
-const __default__$1A = defineComponent({
+const __default__$1B = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
 const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1A,
+  ...__default__$1B,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14803,12 +14803,12 @@ const popperArrowProps = buildProps({
 });
 const usePopperArrowProps = popperArrowProps;
 
-const __default__$1z = defineComponent({
+const __default__$1A = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
 const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1z,
+  ...__default__$1A,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14922,12 +14922,12 @@ const popperTriggerProps = buildProps({
 });
 const usePopperTriggerProps = popperTriggerProps;
 
-const __default__$1y = defineComponent({
+const __default__$1z = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
 const _sfc_main$2c = /* @__PURE__ */ defineComponent({
-  ...__default__$1y,
+  ...__default__$1z,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15411,10 +15411,10 @@ const _sfc_main$2b = defineComponent({
     };
   }
 });
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$v], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -15708,11 +15708,11 @@ const usePopperContentFocusTrap = (props, emit) => {
   };
 };
 
-const __default__$1x = defineComponent({
+const __default__$1y = defineComponent({
   name: "ElPopperContent"
 });
 const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$1x,
+  ...__default__$1y,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -15913,11 +15913,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$1w = defineComponent({
+const __default__$1x = defineComponent({
   name: "ElTooltipTrigger"
 });
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1w,
+  ...__default__$1x,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15978,12 +15978,12 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 });
 var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "trigger.vue"]]);
 
-const __default__$1v = defineComponent({
+const __default__$1w = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
 const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1v,
+  ...__default__$1w,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16145,11 +16145,11 @@ var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "co
 
 const _hoisted_1$13 = ["innerHTML"];
 const _hoisted_2$H = { key: 1 };
-const __default__$1u = defineComponent({
+const __default__$1v = defineComponent({
   name: "ElTooltip"
 });
 const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1u,
+  ...__default__$1v,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -16386,12 +16386,12 @@ const _hoisted_1$12 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$G = { key: 0 };
 const _hoisted_3$h = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$i = "ElAutocomplete";
-const __default__$1t = defineComponent({
+const __default__$1u = defineComponent({
   name: COMPONENT_NAME$i,
   inheritAttrs: false
 });
 const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1t,
+  ...__default__$1u,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -16412,7 +16412,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
     const activated = ref(false);
     const suggestionDisabled = ref(false);
     const loading = ref(false);
-    const listboxId = computed$1(() => ns.b(String(generateId())));
+    const listboxId = useId();
     const styles = computed$1(() => rawAttrs.style);
     const suggestionVisible = computed$1(() => {
       const isValidData = suggestions.value.length > 0;
@@ -16759,11 +16759,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$11 = ["src", "alt", "srcset"];
-const __default__$1s = defineComponent({
+const __default__$1t = defineComponent({
   name: "ElAvatar"
 });
 const _sfc_main$25 = /* @__PURE__ */ defineComponent({
-  ...__default__$1s,
+  ...__default__$1t,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -16878,11 +16878,11 @@ const useBackTop = (props, emit, componentName) => {
 };
 
 const COMPONENT_NAME$h = "ElBacktop";
-const __default__$1r = defineComponent({
+const __default__$1s = defineComponent({
   name: COMPONENT_NAME$h
 });
 const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1r,
+  ...__default__$1s,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -16944,11 +16944,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$10 = ["textContent"];
-const __default__$1q = defineComponent({
+const __default__$1r = defineComponent({
   name: "ElBadge"
 });
 const _sfc_main$23 = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+  ...__default__$1r,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -17008,11 +17008,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1p = defineComponent({
+const __default__$1q = defineComponent({
   name: "ElBreadcrumb"
 });
 const _sfc_main$22 = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+  ...__default__$1q,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -17051,11 +17051,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$1o = defineComponent({
+const __default__$1p = defineComponent({
   name: "ElBreadcrumbItem"
 });
 const _sfc_main$21 = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+  ...__default__$1p,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -18150,11 +18150,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$1n = defineComponent({
+const __default__$1o = defineComponent({
   name: "ElButton"
 });
 const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+  ...__default__$1o,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -18226,11 +18226,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$1m = defineComponent({
+const __default__$1n = defineComponent({
   name: "ElButtonGroup"
 });
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+  ...__default__$1n,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -18792,11 +18792,11 @@ const timePickerDefaultProps = buildProps({
 
 const _hoisted_1$$ = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$F = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$1l = defineComponent({
+const __default__$1m = defineComponent({
   name: "Picker"
 });
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+  ...__default__$1m,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -20705,11 +20705,11 @@ const useDateTable = (props, emit) => {
 
 const _hoisted_1$Y = { key: 0 };
 const _hoisted_2$D = ["onClick"];
-const __default__$1k = defineComponent({
+const __default__$1l = defineComponent({
   name: "DateTable"
 });
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+  ...__default__$1l,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -20923,11 +20923,11 @@ const calendarEmits = {
 };
 
 const COMPONENT_NAME$g = "ElCalendar";
-const __default__$1j = defineComponent({
+const __default__$1k = defineComponent({
   name: COMPONENT_NAME$g
 });
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+  ...__default__$1k,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -21069,11 +21069,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$1i = defineComponent({
+const __default__$1j = defineComponent({
   name: "ElCard"
 });
 const _sfc_main$1U = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+  ...__default__$1j,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -21422,11 +21422,11 @@ const useCarousel = (props, emit, componentName) => {
 const _hoisted_1$X = ["onMouseenter", "onClick"];
 const _hoisted_2$C = { key: 0 };
 const COMPONENT_NAME$f = "ElCarousel";
-const __default__$1h = defineComponent({
+const __default__$1i = defineComponent({
   name: COMPONENT_NAME$f
 });
 const _sfc_main$1T = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+  ...__default__$1i,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -21702,11 +21702,11 @@ const useCarouselItem = (props, componentName) => {
   };
 };
 
-const __default__$1g = defineComponent({
+const __default__$1h = defineComponent({
   name: "ElCarouselItem"
 });
 const _sfc_main$1S = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1h,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -21899,7 +21899,7 @@ const useCheckboxModel = (props) => {
     set(val) {
       var _a, _b;
       if (isGroup.value && isArray$1(val)) {
-        isLimitExceeded.value = ((_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value) !== void 0 && val.length > (checkboxGroup == null ? void 0 : checkboxGroup.max.value);
+        isLimitExceeded.value = ((_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value) !== void 0 && val.length > (checkboxGroup == null ? void 0 : checkboxGroup.max.value) && val.length > model.value.length;
         isLimitExceeded.value === false && ((_b = checkboxGroup == null ? void 0 : checkboxGroup.changeEvent) == null ? void 0 : _b.call(checkboxGroup, val));
       } else {
         emit(UPDATE_MODEL_EVENT, val);
@@ -22006,11 +22006,11 @@ const useCheckbox = (props, slots) => {
 
 const _hoisted_1$W = ["id", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$B = ["id", "indeterminate", "disabled", "value", "name", "tabindex"];
-const __default__$1f = defineComponent({
+const __default__$1g = defineComponent({
   name: "ElCheckbox"
 });
 const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+  ...__default__$1g,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -22118,11 +22118,11 @@ var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__file", "checkbox.v
 
 const _hoisted_1$V = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$A = ["name", "tabindex", "disabled", "value"];
-const __default__$1e = defineComponent({
+const __default__$1f = defineComponent({
   name: "ElCheckboxButton"
 });
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+  ...__default__$1f,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -22236,11 +22236,11 @@ const checkboxGroupEmits = {
   change: (val) => isArray$1(val)
 };
 
-const __default__$1d = defineComponent({
+const __default__$1e = defineComponent({
   name: "ElCheckboxGroup"
 });
 const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1e,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -22370,11 +22370,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$U = ["value", "name", "disabled"];
-const __default__$1c = defineComponent({
+const __default__$1d = defineComponent({
   name: "ElRadio"
 });
 const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+  ...__default__$1d,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -22448,11 +22448,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$T = ["value", "name", "disabled"];
-const __default__$1b = defineComponent({
+const __default__$1c = defineComponent({
   name: "ElRadioButton"
 });
 const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+  ...__default__$1c,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -22544,11 +22544,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$S = ["id", "aria-label", "aria-labelledby"];
-const __default__$1a = defineComponent({
+const __default__$1b = defineComponent({
   name: "ElRadioGroup"
 });
 const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1b,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -22744,7 +22744,7 @@ const _sfc_main$1L = defineComponent({
 });
 const _hoisted_1$R = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$z = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -22827,7 +22827,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$R);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$u], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$t], ["__file", "node.vue"]]);
 
 const _sfc_main$1K = defineComponent({
   name: "ElCascaderMenu",
@@ -22851,14 +22851,14 @@ const _sfc_main$1K = defineComponent({
     const instance = getCurrentInstance();
     const ns = useNamespace("cascader-menu");
     const { t } = useLocale();
-    const id = generateId();
+    const id = useId();
     let activeNode = null;
     let hoverTimer = null;
     const panel = inject(CASCADER_PANEL_INJECTION_KEY);
     const hoverZone = ref(null);
     const isEmpty = computed$1(() => !props.nodes.length);
     const isLoading = computed$1(() => !panel.initialLoaded);
-    const menuId = computed$1(() => `cascader-menu-${id}-${props.index}`);
+    const menuId = computed$1(() => `${id.value}-${props.index}`);
     const handleExpand = (e) => {
       activeNode = e.target;
     };
@@ -22907,7 +22907,7 @@ const _sfc_main$1K = defineComponent({
     };
   }
 });
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_node = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -22960,7 +22960,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$t], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$s], ["__file", "menu.vue"]]);
 
 let uid = 0;
 const calculatePathNodes = (node) => {
@@ -23442,7 +23442,7 @@ const _sfc_main$1J = defineComponent({
     };
   }
 });
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_menu = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -23459,7 +23459,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$s], ["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$r], ["__file", "index.vue"]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -23497,11 +23497,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$19 = defineComponent({
+const __default__$1a = defineComponent({
   name: "ElTag"
 });
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+  ...__default__$1a,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -23646,11 +23646,11 @@ const _hoisted_1$Q = { key: 0 };
 const _hoisted_2$y = ["placeholder", "onKeydown"];
 const _hoisted_3$g = ["onClick"];
 const COMPONENT_NAME$e = "ElCascader";
-const __default__$18 = defineComponent({
+const __default__$19 = defineComponent({
   name: COMPONENT_NAME$e
 });
 const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+  ...__default__$19,
   props: cascaderProps,
   emits: cascaderEmits,
   setup(__props, { expose, emit }) {
@@ -24262,11 +24262,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$17 = defineComponent({
+const __default__$18 = defineComponent({
   name: "ElCheckTag"
 });
 const _sfc_main$1G = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+  ...__default__$18,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -24323,11 +24323,11 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$16 = defineComponent({
+const __default__$17 = defineComponent({
   name: "ElRow"
 });
 const _sfc_main$1F = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+  ...__default__$17,
   props: rowProps,
   setup(__props) {
     const props = __props;
@@ -24409,11 +24409,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$15 = defineComponent({
+const __default__$16 = defineComponent({
   name: "ElCol"
 });
 const _sfc_main$1E = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+  ...__default__$16,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -24525,11 +24525,11 @@ const useCollapseDOM = () => {
   };
 };
 
-const __default__$14 = defineComponent({
+const __default__$15 = defineComponent({
   name: "ElCollapse"
 });
 const _sfc_main$1D = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$15,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -24551,11 +24551,11 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
 });
 var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "collapse.vue"]]);
 
-const __default__$13 = defineComponent({
+const __default__$14 = defineComponent({
   name: "ElCollapseTransition"
 });
 const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+  ...__default__$14,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const reset = (el) => {
@@ -24648,17 +24648,23 @@ const collapseItemProps = buildProps({
   },
   name: {
     type: definePropType([String, Number]),
-    default: () => generateId()
+    default: void 0
   },
   disabled: Boolean
 });
 
 const useCollapseItem = (props) => {
   const collapse = inject(collapseContextKey);
+  const { namespace } = useNamespace("collapse");
   const focusing = ref(false);
   const isClick = ref(false);
-  const id = ref(generateId());
-  const isActive = computed$1(() => collapse == null ? void 0 : collapse.activeNames.value.includes(props.name));
+  const idInjection = useIdInjection();
+  const id = computed$1(() => idInjection.current++);
+  const name = computed$1(() => {
+    var _a;
+    return (_a = props.name) != null ? _a : `${namespace.value}-id-${idInjection.prefix}-${unref(id)}`;
+  });
+  const isActive = computed$1(() => collapse == null ? void 0 : collapse.activeNames.value.includes(unref(name)));
   const handleFocus = () => {
     setTimeout(() => {
       if (!isClick.value) {
@@ -24671,12 +24677,12 @@ const useCollapseItem = (props) => {
   const handleHeaderClick = () => {
     if (props.disabled)
       return;
-    collapse == null ? void 0 : collapse.handleItemClick(props.name);
+    collapse == null ? void 0 : collapse.handleItemClick(unref(name));
     focusing.value = false;
     isClick.value = true;
   };
   const handleEnterClick = () => {
-    collapse == null ? void 0 : collapse.handleItemClick(props.name);
+    collapse == null ? void 0 : collapse.handleItemClick(unref(name));
   };
   return {
     focusing,
@@ -24720,11 +24726,11 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
 
 const _hoisted_1$P = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
 const _hoisted_2$x = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$12 = defineComponent({
+const __default__$13 = defineComponent({
   name: "ElCollapseItem"
 });
 const _sfc_main$1B = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$13,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -24964,11 +24970,11 @@ const useAlphaSliderDOM = (props, {
 };
 
 const COMPONENT_NAME$d = "ElColorAlphaSlider";
-const __default__$11 = defineComponent({
+const __default__$12 = defineComponent({
   name: COMPONENT_NAME$d
 });
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+  ...__default__$12,
   props: alphaSliderProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -25107,7 +25113,7 @@ const _sfc_main$1z = defineComponent({
     };
   }
 });
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
   }, [
@@ -25126,7 +25132,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$r], ["__file", "hue-slider.vue"]]);
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$q], ["__file", "hue-slider.vue"]]);
 
 const colorPickerProps = buildProps({
   modelValue: String,
@@ -25494,7 +25500,7 @@ const _sfc_main$1y = defineComponent({
   }
 });
 const _hoisted_1$O = ["onClick"];
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
   }, [
@@ -25519,7 +25525,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$q], ["__file", "predefine.vue"]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$p], ["__file", "predefine.vue"]]);
 
 const _sfc_main$1x = defineComponent({
   name: "ElSlPanel",
@@ -25595,7 +25601,7 @@ const _hoisted_1$N = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_2$w = [
   _hoisted_1$N
 ];
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle({
@@ -25617,15 +25623,15 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     }, _hoisted_2$w, 6)
   ], 6);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$p], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$o], ["__file", "sv-panel.vue"]]);
 
 const _hoisted_1$M = ["onKeydown"];
 const _hoisted_2$v = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
-const __default__$10 = defineComponent({
+const __default__$11 = defineComponent({
   name: "ElColorPicker"
 });
 const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+  ...__default__$11,
   props: colorPickerProps,
   emits: colorPickerEmits,
   setup(__props, { expose, emit }) {
@@ -25999,11 +26005,11 @@ var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "color-p
 
 const ElColorPicker = withInstall(ColorPicker);
 
-const __default__$$ = defineComponent({
+const __default__$10 = defineComponent({
   name: "ElContainer"
 });
 const _sfc_main$1v = /* @__PURE__ */ defineComponent({
-  ...__default__$$,
+  ...__default__$10,
   props: {
     direction: {
       type: String
@@ -26040,11 +26046,11 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
 });
 var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "container.vue"]]);
 
-const __default__$_ = defineComponent({
+const __default__$$ = defineComponent({
   name: "ElAside"
 });
 const _sfc_main$1u = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+  ...__default__$$,
   props: {
     width: {
       type: String,
@@ -26067,11 +26073,11 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
 });
 var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__file", "aside.vue"]]);
 
-const __default__$Z = defineComponent({
+const __default__$_ = defineComponent({
   name: "ElFooter"
 });
 const _sfc_main$1t = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+  ...__default__$_,
   props: {
     height: {
       type: String,
@@ -26094,11 +26100,11 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
 });
 var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__file", "footer.vue"]]);
 
-const __default__$Y = defineComponent({
+const __default__$Z = defineComponent({
   name: "ElHeader"
 });
 const _sfc_main$1s = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+  ...__default__$Z,
   props: {
     height: {
       type: String,
@@ -26125,11 +26131,11 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
 });
 var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "header.vue"]]);
 
-const __default__$X = defineComponent({
+const __default__$Y = defineComponent({
   name: "ElMain"
 });
 const _sfc_main$1r = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+  ...__default__$Y,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -28685,11 +28691,11 @@ const _hoisted_1$G = ["onClick"];
 const _hoisted_2$p = ["disabled"];
 const _hoisted_3$a = ["disabled"];
 const unit = "year";
-const __default__$W = defineComponent({
+const __default__$X = defineComponent({
   name: "DatePickerMonthRange"
 });
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+  ...__default__$X,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -29072,11 +29078,11 @@ const descriptionsRowProps = buildProps({
 });
 
 const _hoisted_1$F = { key: 1 };
-const __default__$V = defineComponent({
+const __default__$W = defineComponent({
   name: "ElDescriptionsRow"
 });
 const _sfc_main$1k = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+  ...__default__$W,
   props: descriptionsRowProps,
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
@@ -29157,11 +29163,11 @@ const descriptionProps = buildProps({
   }
 });
 
-const __default__$U = defineComponent({
+const __default__$V = defineComponent({
   name: "ElDescriptions"
 });
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+  ...__default__$V,
   props: descriptionProps,
   setup(__props) {
     const props = __props;
@@ -29401,9 +29407,9 @@ const dialogContentEmits = {
 const _hoisted_1$E = ["aria-level"];
 const _hoisted_2$o = ["aria-label"];
 const _hoisted_3$9 = ["id"];
-const __default__$T = defineComponent({ name: "ElDialogContent" });
+const __default__$U = defineComponent({ name: "ElDialogContent" });
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+  ...__default__$U,
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -29712,12 +29718,12 @@ const useDialog = (props, targetRef) => {
 };
 
 const _hoisted_1$D = ["aria-label", "aria-labelledby", "aria-describedby"];
-const __default__$S = defineComponent({
+const __default__$T = defineComponent({
   name: "ElDialog",
   inheritAttrs: false
 });
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+  ...__default__$T,
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { expose }) {
@@ -29889,11 +29895,11 @@ const dividerProps = buildProps({
   }
 });
 
-const __default__$R = defineComponent({
+const __default__$S = defineComponent({
   name: "ElDivider"
 });
 const _sfc_main$1g = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+  ...__default__$S,
   props: dividerProps,
   setup(__props) {
     const props = __props;
@@ -29949,18 +29955,21 @@ const drawerProps = buildProps({
 });
 const drawerEmits = dialogEmits;
 
-const _sfc_main$1f = defineComponent({
+const _hoisted_1$C = ["aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_2$n = ["id", "aria-level"];
+const _hoisted_3$8 = ["aria-label"];
+const _hoisted_4$6 = ["id"];
+const __default__$R = defineComponent({
   name: "ElDrawer",
-  components: {
-    ElOverlay,
-    ElFocusTrap,
-    ElIcon,
-    Close: close_default
-  },
-  inheritAttrs: false,
+  inheritAttrs: false
+});
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+  ...__default__$R,
   props: drawerProps,
   emits: drawerEmits,
-  setup(props, { slots }) {
+  setup(__props, { expose }) {
+    const props = __props;
+    const slots = useSlots();
     useDeprecated({
       scope: "el-drawer",
       from: "the title slot",
@@ -29980,138 +29989,140 @@ const _sfc_main$1f = defineComponent({
     const focusStartRef = ref();
     const ns = useNamespace("drawer");
     const { t } = useLocale();
+    const {
+      afterEnter,
+      afterLeave,
+      beforeLeave,
+      visible,
+      rendered,
+      titleId,
+      bodyId,
+      onModalClick,
+      onCloseRequested,
+      handleClose
+    } = useDialog(props, drawerRef);
     const isHorizontal = computed$1(() => props.direction === "rtl" || props.direction === "ltr");
     const drawerSize = computed$1(() => addUnit(props.size));
-    return {
-      ...useDialog(props, drawerRef),
-      drawerRef,
-      focusStartRef,
-      isHorizontal,
-      drawerSize,
-      ns,
-      t
-    };
-  }
-});
-const _hoisted_1$C = ["aria-label", "aria-labelledby", "aria-describedby"];
-const _hoisted_2$n = ["id", "aria-level"];
-const _hoisted_3$8 = ["aria-label"];
-const _hoisted_4$6 = ["id"];
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_close = resolveComponent("close");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_focus_trap = resolveComponent("el-focus-trap");
-  const _component_el_overlay = resolveComponent("el-overlay");
-  return openBlock(), createBlock(Teleport, {
-    to: "body",
-    disabled: !_ctx.appendToBody
-  }, [
-    createVNode(Transition, {
-      name: _ctx.ns.b("fade"),
-      onAfterEnter: _ctx.afterEnter,
-      onAfterLeave: _ctx.afterLeave,
-      onBeforeLeave: _ctx.beforeLeave,
-      persisted: ""
-    }, {
-      default: withCtx(() => [
-        withDirectives(createVNode(_component_el_overlay, {
-          mask: _ctx.modal,
-          "overlay-class": _ctx.modalClass,
-          "z-index": _ctx.zIndex,
-          onClick: _ctx.onModalClick
+    expose({
+      handleClose,
+      afterEnter,
+      afterLeave
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: "body",
+        disabled: !_ctx.appendToBody
+      }, [
+        createVNode(Transition, {
+          name: unref(ns).b("fade"),
+          onAfterEnter: unref(afterEnter),
+          onAfterLeave: unref(afterLeave),
+          onBeforeLeave: unref(beforeLeave),
+          persisted: ""
         }, {
           default: withCtx(() => [
-            createVNode(_component_el_focus_trap, {
-              loop: "",
-              trapped: _ctx.visible,
-              "focus-trap-el": _ctx.drawerRef,
-              "focus-start-el": _ctx.focusStartRef,
-              onReleaseRequested: _ctx.onCloseRequested
+            withDirectives(createVNode(unref(ElOverlay), {
+              mask: _ctx.modal,
+              "overlay-class": _ctx.modalClass,
+              "z-index": _ctx.zIndex,
+              onClick: unref(onModalClick)
             }, {
               default: withCtx(() => [
-                createElementVNode("div", mergeProps({
-                  ref: "drawerRef",
-                  "aria-modal": "true",
-                  "aria-label": _ctx.title || void 0,
-                  "aria-labelledby": !_ctx.title ? _ctx.titleId : void 0,
-                  "aria-describedby": _ctx.bodyId
-                }, _ctx.$attrs, {
-                  class: [_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass],
-                  style: _ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize,
-                  role: "dialog",
-                  onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                  }, ["stop"]))
-                }), [
-                  createElementVNode("span", {
-                    ref: "focusStartRef",
-                    class: normalizeClass(_ctx.ns.e("sr-focus")),
-                    tabindex: "-1"
-                  }, null, 2),
-                  _ctx.withHeader ? (openBlock(), createElementBlock("header", {
-                    key: 0,
-                    class: normalizeClass(_ctx.ns.e("header"))
-                  }, [
-                    !_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
-                      key: 0,
-                      close: _ctx.handleClose,
-                      titleId: _ctx.titleId,
-                      titleClass: _ctx.ns.e("title")
-                    }, () => [
-                      !_ctx.$slots.title ? (openBlock(), createElementBlock("span", {
+                createVNode(unref(ElFocusTrap), {
+                  loop: "",
+                  trapped: unref(visible),
+                  "focus-trap-el": drawerRef.value,
+                  "focus-start-el": focusStartRef.value,
+                  onReleaseRequested: unref(onCloseRequested)
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", mergeProps({
+                      ref_key: "drawerRef",
+                      ref: drawerRef,
+                      "aria-modal": "true",
+                      "aria-label": _ctx.title || void 0,
+                      "aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
+                      "aria-describedby": unref(bodyId)
+                    }, _ctx.$attrs, {
+                      class: [unref(ns).b(), _ctx.direction, unref(visible) && "open", _ctx.customClass],
+                      style: unref(isHorizontal) ? "width: " + unref(drawerSize) : "height: " + unref(drawerSize),
+                      role: "dialog",
+                      onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                      }, ["stop"]))
+                    }), [
+                      createElementVNode("span", {
+                        ref_key: "focusStartRef",
+                        ref: focusStartRef,
+                        class: normalizeClass(unref(ns).e("sr-focus")),
+                        tabindex: "-1"
+                      }, null, 2),
+                      _ctx.withHeader ? (openBlock(), createElementBlock("header", {
                         key: 0,
-                        id: _ctx.titleId,
-                        role: "heading",
-                        "aria-level": _ctx.headerAriaLevel,
-                        class: normalizeClass(_ctx.ns.e("title"))
-                      }, toDisplayString(_ctx.title), 11, _hoisted_2$n)) : createCommentVNode("v-if", true)
-                    ]) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
-                      createCommentVNode(" DEPRECATED SLOT ")
-                    ]),
-                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
-                      key: 2,
-                      "aria-label": _ctx.t("el.drawer.close"),
-                      class: normalizeClass(_ctx.ns.e("close-btn")),
-                      type: "button",
-                      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
-                    }, [
-                      createVNode(_component_el_icon, {
-                        class: normalizeClass(_ctx.ns.e("close"))
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(_component_close)
+                        class: normalizeClass(unref(ns).e("header"))
+                      }, [
+                        !_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
+                          key: 0,
+                          close: unref(handleClose),
+                          titleId: unref(titleId),
+                          titleClass: unref(ns).e("title")
+                        }, () => [
+                          !_ctx.$slots.title ? (openBlock(), createElementBlock("span", {
+                            key: 0,
+                            id: unref(titleId),
+                            role: "heading",
+                            "aria-level": _ctx.headerAriaLevel,
+                            class: normalizeClass(unref(ns).e("title"))
+                          }, toDisplayString(_ctx.title), 11, _hoisted_2$n)) : createCommentVNode("v-if", true)
+                        ]) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
+                          createCommentVNode(" DEPRECATED SLOT ")
                         ]),
-                        _: 1
-                      }, 8, ["class"])
-                    ], 10, _hoisted_3$8)) : createCommentVNode("v-if", true)
-                  ], 2)) : createCommentVNode("v-if", true),
-                  _ctx.rendered ? (openBlock(), createElementBlock("div", {
-                    key: 1,
-                    id: _ctx.bodyId,
-                    class: normalizeClass(_ctx.ns.e("body"))
-                  }, [
-                    renderSlot(_ctx.$slots, "default")
-                  ], 10, _hoisted_4$6)) : createCommentVNode("v-if", true),
-                  _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-                    key: 2,
-                    class: normalizeClass(_ctx.ns.e("footer"))
-                  }, [
-                    renderSlot(_ctx.$slots, "footer")
-                  ], 2)) : createCommentVNode("v-if", true)
-                ], 16, _hoisted_1$C)
+                        _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                          key: 2,
+                          "aria-label": unref(t)("el.drawer.close"),
+                          class: normalizeClass(unref(ns).e("close-btn")),
+                          type: "button",
+                          onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClose) && unref(handleClose)(...args))
+                        }, [
+                          createVNode(unref(ElIcon), {
+                            class: normalizeClass(unref(ns).e("close"))
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(close_default))
+                            ]),
+                            _: 1
+                          }, 8, ["class"])
+                        ], 10, _hoisted_3$8)) : createCommentVNode("v-if", true)
+                      ], 2)) : createCommentVNode("v-if", true),
+                      unref(rendered) ? (openBlock(), createElementBlock("div", {
+                        key: 1,
+                        id: unref(bodyId),
+                        class: normalizeClass(unref(ns).e("body"))
+                      }, [
+                        renderSlot(_ctx.$slots, "default")
+                      ], 10, _hoisted_4$6)) : createCommentVNode("v-if", true),
+                      _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+                        key: 2,
+                        class: normalizeClass(unref(ns).e("footer"))
+                      }, [
+                        renderSlot(_ctx.$slots, "footer")
+                      ], 2)) : createCommentVNode("v-if", true)
+                    ], 16, _hoisted_1$C)
+                  ]),
+                  _: 3
+                }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
               ]),
               _: 3
-            }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
+            }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
+              [vShow, unref(visible)]
+            ])
           ]),
           _: 3
-        }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-          [vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-  ], 8, ["disabled"]);
-}
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$o], ["__file", "drawer.vue"]]);
+        }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+      ], 8, ["disabled"]);
+    };
+  }
+});
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "drawer.vue"]]);
 
 const ElDrawer = withInstall(Drawer);
 
@@ -31423,8 +31434,7 @@ const imageViewerProps = buildProps({
     default: 7
   },
   crossorigin: {
-    type: definePropType(String),
-    default: "anonymous"
+    type: definePropType(String)
   }
 });
 const imageViewerEmits = {
@@ -31442,6 +31452,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { expose, emit }) {
+    var _a;
     const props = __props;
     const modes = {
       CONTAIN: {
@@ -31460,7 +31471,6 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     const imgRefs = ref([]);
     const scopeEventListener = effectScope();
     const loading = ref(true);
-    const crossorigin = ref(props.crossorigin);
     const activeIndex = ref(props.initialIndex);
     const mode = shallowRef(modes.CONTAIN);
     const transform = ref({
@@ -31470,6 +31480,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
       offsetY: 0,
       enableTransition: false
     });
+    const zIndex = ref((_a = props.zIndex) != null ? _a : nextZIndex());
     const isSingle = computed$1(() => {
       const { urlList } = props;
       return urlList.length <= 1;
@@ -31520,9 +31531,6 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
       }
       return style;
     });
-    const computedZIndex = computed$1(() => {
-      return isNumber(props.zIndex) ? props.zIndex : nextZIndex();
-    });
     function hide() {
       unregisterEventListener();
       emit("close");
@@ -31671,9 +31679,9 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
       emit("switch", val);
     });
     onMounted(() => {
-      var _a, _b;
+      var _a2, _b;
       registerEventListener();
-      (_b = (_a = wrapper.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      (_b = (_a2 = wrapper.value) == null ? void 0 : _a2.focus) == null ? void 0 : _b.call(_a2);
     });
     expose({
       setActiveItem
@@ -31693,7 +31701,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
               ref: wrapper,
               tabindex: -1,
               class: normalizeClass(unref(ns).e("wrapper")),
-              style: normalizeStyle({ zIndex: unref(computedZIndex) })
+              style: normalizeStyle({ zIndex: zIndex.value })
             }, [
               createElementVNode("div", {
                 class: normalizeClass(unref(ns).e("mask")),
@@ -31801,7 +31809,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
                     src: url,
                     style: normalizeStyle(unref(imgStyle)),
                     class: normalizeClass(unref(ns).e("img")),
-                    crossorigin: crossorigin.value,
+                    crossorigin: _ctx.crossorigin,
                     onLoad: handleImgLoad,
                     onError: handleImgError,
                     onMousedown: handleMouseDown
@@ -31875,8 +31883,7 @@ const imageProps = buildProps({
     default: 7
   },
   crossorigin: {
-    type: definePropType(String),
-    default: "anonymous"
+    type: definePropType(String)
   }
 });
 const imageEmits = {
@@ -31905,7 +31912,6 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     const rawAttrs = useAttrs$1();
     const attrs = useAttrs();
     const imageSrc = ref();
-    const crossorigin = ref(props.crossorigin);
     const hasLoadError = ref(false);
     const isLoading = ref(true);
     const showViewer = ref(false);
@@ -32057,7 +32063,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
             loading: _ctx.loading,
             style: unref(imageStyle),
             class: unref(imageKls),
-            crossorigin: crossorigin.value,
+            crossorigin: _ctx.crossorigin,
             onClick: clickHandler,
             onLoad: handleLoad,
             onError: handleError
@@ -34009,6 +34015,7 @@ const useSelect$3 = (props, emit) => {
     selected: props.multiple ? [] : {},
     selectionWidth: 0,
     calculatorWidth: 0,
+    collapseItemWidth: 0,
     selectedLabel: "",
     hoveringIndex: -1,
     previousQuery: null,
@@ -34033,6 +34040,7 @@ const useSelect$3 = (props, emit) => {
   const suffixRef = ref(null);
   const menuRef = ref(null);
   const tagMenuRef = ref(null);
+  const collapseItemRef = ref(null);
   const scrollbarRef = ref(null);
   const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
     afterFocus() {
@@ -34277,6 +34285,9 @@ const useSelect$3 = (props, emit) => {
   const resetCalculatorWidth = () => {
     states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
   };
+  const resetCollapseItemWidth = () => {
+    states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
+  };
   const updateTooltip = () => {
     var _a, _b;
     (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
@@ -34286,13 +34297,13 @@ const useSelect$3 = (props, emit) => {
     (_b = (_a = tagTooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
   };
   const onInputChange = () => {
+    if (states.inputValue.length > 0 && !expanded.value) {
+      expanded.value = true;
+    }
     handleQueryChange(states.inputValue);
   };
   const onInput = (event) => {
     states.inputValue = event.target.value;
-    if (states.inputValue.length > 0 && !expanded.value) {
-      expanded.value = true;
-    }
     if (props.remote) {
       debouncedOnInputChange();
     } else {
@@ -34461,6 +34472,8 @@ const useSelect$3 = (props, emit) => {
   const toggleMenu = () => {
     if (selectDisabled.value)
       return;
+    if (props.filterable && props.remote && isFunction$1(props.remoteMethod))
+      return;
     if (states.menuVisibleOnFocus) {
       states.menuVisibleOnFocus = false;
     } else {
@@ -34518,7 +34531,18 @@ const useSelect$3 = (props, emit) => {
       nextTick(() => scrollToOption(hoverOption.value));
     }
   };
+  const getGapWidth = () => {
+    if (!selectionRef.value)
+      return 0;
+    const style = window.getComputedStyle(selectionRef.value);
+    return Number.parseFloat(style.gap || "6px");
+  };
   const tagStyle = computed$1(() => {
+    const gapWidth = getGapWidth();
+    const maxWidth = collapseItemRef.value && props.maxCollapseTags === 1 ? states.selectionWidth - states.collapseItemWidth - gapWidth : states.selectionWidth;
+    return { maxWidth: `${maxWidth}px` };
+  });
+  const collapseTagStyle = computed$1(() => {
     return { maxWidth: `${states.selectionWidth}px` };
   });
   const inputStyle = computed$1(() => ({
@@ -34533,7 +34557,9 @@ const useSelect$3 = (props, emit) => {
   useResizeObserver(selectionRef, resetSelectionWidth);
   useResizeObserver(calculatorRef, resetCalculatorWidth);
   useResizeObserver(menuRef, updateTooltip);
+  useResizeObserver(wrapperRef, updateTooltip);
   useResizeObserver(tagMenuRef, updateTagTooltip);
+  useResizeObserver(collapseItemRef, resetCollapseItemWidth);
   onMounted(() => {
     setSelected();
   });
@@ -34594,6 +34620,7 @@ const useSelect$3 = (props, emit) => {
     showTagList,
     collapseTagList,
     tagStyle,
+    collapseTagStyle,
     inputStyle,
     popperRef,
     inputRef,
@@ -34607,7 +34634,8 @@ const useSelect$3 = (props, emit) => {
     selectionRef,
     scrollbarRef,
     menuRef,
-    tagMenuRef
+    tagMenuRef,
+    collapseItemRef
   };
 };
 
@@ -34799,9 +34827,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("div", {
     ref: "selectRef",
     class: normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-    onMouseenter: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = true),
-    onMouseleave: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = false),
-    onClick: _cache[17] || (_cache[17] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
+    onMouseenter: _cache[14] || (_cache[14] = ($event) => _ctx.states.inputHovering = true),
+    onMouseleave: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = false),
+    onClick: _cache[16] || (_cache[16] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
   }, [
     createVNode(_component_el_tooltip, {
       ref: "tooltipRef",
@@ -34819,7 +34847,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       "gpu-acceleration": false,
       persistent: _ctx.persistent,
       onBeforeShow: _ctx.handleMenuEnter,
-      onHide: _cache[14] || (_cache[14] = ($event) => _ctx.states.isBeforeHide = false)
+      onHide: _cache[13] || (_cache[13] = ($event) => _ctx.states.isBeforeHide = false)
     }, {
       default: withCtx(() => {
         var _a;
@@ -34874,7 +34902,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                 _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
                   key: 0,
                   ref: "tagTooltipRef",
-                  disabled: !_ctx.collapseTagsTooltip,
+                  disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
                   "fallback-placements": ["bottom", "top", "right", "left"],
                   effect: _ctx.effect,
                   placement: "bottom",
@@ -34882,6 +34910,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                 }, {
                   default: withCtx(() => [
                     createElementVNode("div", {
+                      ref: "collapseItemRef",
                       class: normalizeClass(_ctx.nsSelect.e("selected-item"))
                     }, [
                       createVNode(_component_el_tag, {
@@ -34889,7 +34918,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                         size: _ctx.collapseTagSize,
                         type: _ctx.tagType,
                         "disable-transitions": "",
-                        style: normalizeStyle(_ctx.tagStyle)
+                        style: normalizeStyle(_ctx.collapseTagStyle)
                       }, {
                         default: withCtx(() => [
                           createElementVNode("span", {
@@ -34961,19 +34990,17 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                   onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
                   onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
                   onKeydown: [
-                    _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
-                    _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"])),
-                    _cache[5] || (_cache[5] = withKeys((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["esc"])),
+                    _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+                    _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+                    _cache[5] || (_cache[5] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
                     _cache[6] || (_cache[6] = withKeys(withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
-                    _cache[7] || (_cache[7] = withKeys(withModifiers((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["stop"]), ["delete"])),
-                    _cache[8] || (_cache[8] = withKeys(($event) => _ctx.expanded = false, ["tab"]))
+                    _cache[7] || (_cache[7] = withKeys(withModifiers((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["stop"]), ["delete"]))
                   ],
-                  onCompositionstart: _cache[9] || (_cache[9] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                  onCompositionupdate: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                  onCompositionend: _cache[11] || (_cache[11] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                  onInput: _cache[12] || (_cache[12] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-                  onClick: _cache[13] || (_cache[13] = withModifiers(() => {
-                  }, ["stop"]))
+                  onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+                  onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+                  onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+                  onInput: _cache[11] || (_cache[11] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                  onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
                 }, null, 46, _hoisted_1$p), [
                   [vModelText, _ctx.states.inputValue]
                 ]),
@@ -35069,13 +35096,21 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             }, 8, ["id", "wrap-class", "view-class", "class", "aria-label"]), [
               [vShow, _ctx.states.options.size > 0 && !_ctx.loading]
             ]),
-            _ctx.loading || _ctx.filteredOptionsCount === 0 ? renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-              createElementVNode("p", {
-                class: normalizeClass(_ctx.nsSelect.be("dropdown", "empty"))
-              }, toDisplayString(_ctx.emptyText), 3)
-            ]) : createCommentVNode("v-if", true),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+            _ctx.$slots.loading && _ctx.loading ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(_ctx.nsSelect.be("dropdown", "loading"))
+            }, [
+              renderSlot(_ctx.$slots, "loading")
+            ], 2)) : _ctx.loading || _ctx.filteredOptionsCount === 0 ? (openBlock(), createElementBlock("div", {
               key: 2,
+              class: normalizeClass(_ctx.nsSelect.be("dropdown", "empty"))
+            }, [
+              renderSlot(_ctx.$slots, "empty", {}, () => [
+                createElementVNode("span", null, toDisplayString(_ctx.emptyText), 1)
+              ])
+            ], 2)) : createCommentVNode("v-if", true),
+            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+              key: 3,
               class: normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
             }, [
               renderSlot(_ctx.$slots, "footer")
@@ -38741,10 +38776,7 @@ const SelectProps = buildProps({
     default: "light"
   },
   collapseTags: Boolean,
-  collapseTagsTooltip: {
-    type: Boolean,
-    default: false
-  },
+  collapseTagsTooltip: Boolean,
   maxCollapseTags: {
     type: Number,
     default: 1
@@ -38814,10 +38846,7 @@ const SelectProps = buildProps({
     type: String,
     default: "value"
   },
-  scrollbarAlwaysOn: {
-    type: Boolean,
-    default: false
-  },
+  scrollbarAlwaysOn: Boolean,
   validateEvent: {
     type: Boolean,
     default: true
@@ -38894,6 +38923,7 @@ var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_rende
 var ElSelectMenu = defineComponent({
   name: "ElSelectDropdown",
   props: {
+    loading: Boolean,
     data: {
       type: Array,
       required: true
@@ -39083,7 +39113,7 @@ var ElSelectMenu = defineComponent({
       }
     };
     return () => {
-      var _a;
+      var _a, _b, _c, _d;
       const {
         data,
         width
@@ -39093,18 +39123,18 @@ var ElSelectMenu = defineComponent({
         multiple,
         scrollbarAlwaysOn
       } = select.props;
-      if (data.length === 0) {
+      if (slots.loading || slots.empty) {
         return createVNode("div", {
           "class": ns.b("dropdown"),
           "style": {
             width: `${width}px`
           }
-        }, [(_a = slots.empty) == null ? void 0 : _a.call(slots)]);
+        }, [((_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)]
-      }, [createVNode(List, mergeProps({
+      }, [(_c = slots.header) == null ? void 0 : _c.call(slots), createVNode(List, mergeProps({
         "ref": listRef
       }, unref(listProps), {
         "className": ns.be("dropdown", "list"),
@@ -39116,7 +39146,7 @@ var ElSelectMenu = defineComponent({
         "onKeydown": onKeydown
       }), {
         default: (props2) => createVNode(Item, props2, null)
-      })]);
+      }), (_d = slots.footer) == null ? void 0 : _d.call(slots)]);
     };
   }
 });
@@ -39214,6 +39244,7 @@ const useSelect$1 = (props, emit) => {
     inputHovering: false,
     selectionWidth: 0,
     calculatorWidth: 0,
+    collapseItemWidth: 0,
     previousQuery: null,
     previousValue: void 0,
     selectedLabel: "",
@@ -39232,6 +39263,7 @@ const useSelect$1 = (props, emit) => {
   const suffixRef = ref(null);
   const menuRef = ref(null);
   const tagMenuRef = ref(null);
+  const collapseItemRef = ref(null);
   const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
     afterFocus() {
       if (props.automaticDropdown && !expanded.value) {
@@ -39330,7 +39362,18 @@ const useSelect$1 = (props, emit) => {
     var _a;
     popperSize.value = ((_a = selectRef.value) == null ? void 0 : _a.offsetWidth) || 200;
   };
+  const getGapWidth = () => {
+    if (!selectionRef.value)
+      return 0;
+    const style = window.getComputedStyle(selectionRef.value);
+    return Number.parseFloat(style.gap || "6px");
+  };
   const tagStyle = computed$1(() => {
+    const gapWidth = getGapWidth();
+    const maxWidth = collapseItemRef.value && props.maxCollapseTags === 1 ? states.selectionWidth - states.collapseItemWidth - gapWidth : states.selectionWidth;
+    return { maxWidth: `${maxWidth}px` };
+  });
+  const collapseTagStyle = computed$1(() => {
     return { maxWidth: `${states.selectionWidth}px` };
   });
   const inputStyle = computed$1(() => ({
@@ -39400,6 +39443,8 @@ const useSelect$1 = (props, emit) => {
   const toggleMenu = () => {
     if (selectDisabled.value)
       return;
+    if (props.filterable && props.remote && isFunction$1(props.remoteMethod))
+      return;
     if (states.menuVisibleOnFocus) {
       states.menuVisibleOnFocus = false;
     } else {
@@ -39407,6 +39452,9 @@ const useSelect$1 = (props, emit) => {
     }
   };
   const onInputChange = () => {
+    if (states.inputValue.length > 0 && !expanded.value) {
+      expanded.value = true;
+    }
     createNewOption(states.inputValue);
     handleQueryChange(states.inputValue);
   };
@@ -39470,6 +39518,9 @@ const useSelect$1 = (props, emit) => {
   const resetCalculatorWidth = () => {
     states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
   };
+  const resetCollapseItemWidth = () => {
+    states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
+  };
   const updateTooltip = () => {
     var _a, _b;
     (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
@@ -39641,9 +39692,6 @@ const useSelect$1 = (props, emit) => {
   };
   const onInput = (event) => {
     states.inputValue = event.target.value;
-    if (states.inputValue.length > 0 && !expanded.value) {
-      expanded.value = true;
-    }
     if (props.remote) {
       debouncedOnInputChange();
     } else {
@@ -39747,6 +39795,22 @@ const useSelect$1 = (props, emit) => {
       return;
     updateOptions();
   });
+  watchEffect(() => {
+    const { valueKey, options } = props;
+    const duplicateValue = /* @__PURE__ */ new Map();
+    for (const item of options) {
+      const optionValue = getValue(item);
+      let v = optionValue;
+      if (isObject$1(v)) {
+        v = get(optionValue, valueKey);
+      }
+      if (duplicateValue.get(v)) {
+        break;
+      } else {
+        duplicateValue.set(v, true);
+      }
+    }
+  });
   onMounted(() => {
     initStates();
   });
@@ -39754,7 +39818,9 @@ const useSelect$1 = (props, emit) => {
   useResizeObserver(selectionRef, resetSelectionWidth);
   useResizeObserver(calculatorRef, resetCalculatorWidth);
   useResizeObserver(menuRef, updateTooltip);
+  useResizeObserver(wrapperRef, updateTooltip);
   useResizeObserver(tagMenuRef, updateTagTooltip);
+  useResizeObserver(collapseItemRef, resetCollapseItemWidth);
   return {
     inputId,
     collapseTagSize,
@@ -39768,6 +39834,7 @@ const useSelect$1 = (props, emit) => {
     iconComponent,
     iconReverse,
     tagStyle,
+    collapseTagStyle,
     inputStyle,
     popperSize,
     dropdownMenuVisible,
@@ -39791,6 +39858,7 @@ const useSelect$1 = (props, emit) => {
     selectionRef,
     prefixRef,
     suffixRef,
+    collapseItemRef,
     popperRef,
     validateState,
     validateIcon,
@@ -39881,7 +39949,7 @@ const _sfc_main$G = defineComponent({
     };
   }
 });
-const _hoisted_1$i = ["id", "autocomplete", "aria-expanded", "aria-label", "disabled", "readonly", "name", "unselectable"];
+const _hoisted_1$i = ["id", "autocomplete", "aria-expanded", "aria-label", "disabled", "readonly", "name"];
 const _hoisted_2$c = ["textContent"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
@@ -39965,7 +40033,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
               _ctx.collapseTags && _ctx.modelValue.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
                 key: 0,
                 ref: "tagTooltipRef",
-                disabled: !_ctx.collapseTagsTooltip,
+                disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
                 "fallback-placements": ["bottom", "top", "right", "left"],
                 effect: _ctx.effect,
                 placement: "bottom",
@@ -39973,13 +40041,14 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
               }, {
                 default: withCtx(() => [
                   createElementVNode("div", {
+                    ref: "collapseItemRef",
                     class: normalizeClass(_ctx.nsSelect.e("selected-item"))
                   }, [
                     createVNode(_component_el_tag, {
                       closable: false,
                       size: _ctx.collapseTagSize,
                       type: _ctx.tagType,
-                      style: normalizeStyle(_ctx.tagStyle),
+                      style: normalizeStyle(_ctx.collapseTagStyle),
                       "disable-transitions": ""
                     }, {
                       default: withCtx(() => [
@@ -40049,7 +40118,6 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 spellcheck: "false",
                 type: "text",
                 name: _ctx.name,
-                unselectable: _ctx.expanded ? "on" : void 0,
                 onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
                 onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
                 onInput: _cache[3] || (_cache[3] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
@@ -40063,8 +40131,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
                   _cache[11] || (_cache[11] = withKeys(withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
                 ],
-                onClick: _cache[12] || (_cache[12] = withModifiers(() => {
-                }, ["stop"]))
+                onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
               }, null, 46, _hoisted_1$i), [
                 [vModelText, _ctx.states.inputValue]
               ]),
@@ -40131,19 +40198,54 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           width: _ctx.popperSize,
           "hovering-index": _ctx.states.hoveringIndex,
           "scrollbar-always-on": _ctx.scrollbarAlwaysOn
-        }, {
+        }, createSlots({
           default: withCtx((scope) => [
             renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
           ]),
-          empty: withCtx(() => [
-            renderSlot(_ctx.$slots, "empty", {}, () => [
-              createElementVNode("p", {
+          _: 2
+        }, [
+          _ctx.$slots.header ? {
+            name: "header",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "header"))
+              }, [
+                renderSlot(_ctx.$slots, "header")
+              ], 2)
+            ])
+          } : void 0,
+          _ctx.$slots.loading && _ctx.loading ? {
+            name: "loading",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "loading"))
+              }, [
+                renderSlot(_ctx.$slots, "loading")
+              ], 2)
+            ])
+          } : _ctx.loading || _ctx.filteredOptions.length === 0 ? {
+            name: "empty",
+            fn: withCtx(() => [
+              createElementVNode("div", {
                 class: normalizeClass(_ctx.nsSelect.be("dropdown", "empty"))
-              }, toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 3)
+              }, [
+                renderSlot(_ctx.$slots, "empty", {}, () => [
+                  createElementVNode("span", null, toDisplayString(_ctx.emptyText), 1)
+                ])
+              ], 2)
             ])
-          ]),
-          _: 3
-        }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
+          } : void 0,
+          _ctx.$slots.footer ? {
+            name: "footer",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
+              }, [
+                renderSlot(_ctx.$slots, "footer")
+              ], 2)
+            ])
+          } : void 0
+        ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
       ]),
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "placement", "transition", "persistent", "onBeforeShow"])
@@ -41227,19 +41329,18 @@ function useSpace(props) {
   const horizontalSize = ref(0);
   const verticalSize = ref(0);
   const containerStyle = computed$1(() => {
-    const wrapKls = props.wrap || props.fill ? { flexWrap: "wrap", marginBottom: `-${verticalSize.value}px` } : {};
+    const wrapKls = props.wrap || props.fill ? { flexWrap: "wrap" } : {};
     const alignment = {
       alignItems: props.alignment
     };
-    return [wrapKls, alignment, props.style];
+    const gap = {
+      rowGap: `${verticalSize.value}px`,
+      columnGap: `${horizontalSize.value}px`
+    };
+    return [wrapKls, alignment, gap, props.style];
   });
   const itemStyle = computed$1(() => {
-    const itemBaseStyle = {
-      paddingBottom: `${verticalSize.value}px`,
-      marginRight: `${horizontalSize.value}px`
-    };
-    const fillStyle = props.fill ? { flexGrow: 1, minWidth: `${props.fillRatio}%` } : {};
-    return [itemBaseStyle, fillStyle];
+    return props.fill ? { flexGrow: 1, minWidth: `${props.fillRatio}%` } : {};
   });
   watchEffect(() => {
     const { size = "small", wrap, direction: dir, fill } = props;
@@ -42235,54 +42336,6 @@ var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "switch.vue"]]
 
 const ElSwitch = withInstall(Switch);
 
-var matchHtmlRegExp = /["'&<>]/;
-var escapeHtml_1 = escapeHtml;
-function escapeHtml(string) {
-  var str = "" + string;
-  var match = matchHtmlRegExp.exec(str);
-  if (!match) {
-    return str;
-  }
-  var escape;
-  var html = "";
-  var index = 0;
-  var lastIndex = 0;
-  for (index = match.index; index < str.length; index++) {
-    switch (str.charCodeAt(index)) {
-      case 34:
-        escape = "&quot;";
-        break;
-      case 38:
-        escape = "&amp;";
-        break;
-      case 39:
-        escape = "&#39;";
-        break;
-      case 60:
-        escape = "&lt;";
-        break;
-      case 62:
-        escape = "&gt;";
-        break;
-      default:
-        continue;
-    }
-    if (lastIndex !== index) {
-      html += str.substring(lastIndex, index);
-    }
-    lastIndex = index + 1;
-    html += escape;
-  }
-  return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
-}
-/*!
- * escape-html
- * Copyright(c) 2012-2013 TJ Holowaychuk
- * Copyright(c) 2015 Andreas Lubbe
- * Copyright(c) 2015 Tiancheng "Timothy" Gu
- * MIT Licensed
- */
-
 const getCell = function(event) {
   var _a;
   return (_a = event.target) == null ? void 0 : _a.closest("td");
@@ -42510,112 +42563,45 @@ function walkTreeNode(root, cb, childrenKey = "children", lazyKey = "hasChildren
     }
   });
 }
-let removePopper;
-function createTablePopper(parentNode, trigger, popperContent, nextZIndex, tooltipOptions) {
-  tooltipOptions = merge({
-    enterable: true,
-    showArrow: true
-  }, tooltipOptions);
-  const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
-  const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
-  function renderContent() {
-    const isLight = tooltipOptions.effect === "light";
-    const content2 = document.createElement("div");
-    content2.className = [
-      `${ns}-popper`,
-      isLight ? "is-light" : "is-dark",
-      tooltipOptions.popperClass || ""
-    ].join(" ");
-    popperContent = escapeHtml_1(popperContent);
-    content2.innerHTML = popperContent;
-    content2.style.zIndex = String(nextZIndex());
-    parentNode == null ? void 0 : parentNode.appendChild(content2);
-    return content2;
-  }
-  function renderArrow() {
-    const arrow = document.createElement("div");
-    arrow.className = `${ns}-popper__arrow`;
-    return arrow;
-  }
-  function togglePopperVisible(display) {
-    return {
-      name: "updateState",
-      enabled: true,
-      phase: "beforeWrite",
-      fn: ({ state }) => {
-        state.styles.popper.display = display;
-      },
-      requires: ["computeStyles"]
-    };
-  }
-  function showPopper() {
-    if (tooltipOptions.showAfter) {
-      popperInstance == null ? void 0 : popperInstance.setOptions({
-        modifiers: [togglePopperVisible("block")]
-      });
-    }
-    popperInstance == null ? void 0 : popperInstance.update();
+let removePopper = null;
+function createTablePopper(props, popperContent, trigger, table) {
+  if ((removePopper == null ? void 0 : removePopper.trigger) === trigger) {
+    return;
   }
-  const triggerChanged = (removePopper == null ? void 0 : removePopper.trigger) !== trigger;
   removePopper == null ? void 0 : removePopper();
-  removePopper = () => {
-    try {
-      popperInstance && popperInstance.destroy();
-      content && (parentNode == null ? void 0 : parentNode.removeChild(content));
-      trigger.removeEventListener("mouseenter", onOpen);
-      trigger.removeEventListener("mouseleave", onClose);
-      scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", removePopper);
-      removePopper = void 0;
-    } catch (e) {
+  const parentNode = table == null ? void 0 : table.refs.tableWrapper;
+  const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
+  const popperOptions = {
+    strategy: "fixed",
+    ...props.popperOptions
+  };
+  const vm = createVNode(ElTooltip, {
+    content: popperContent,
+    virtualTriggering: true,
+    virtualRef: trigger,
+    appendTo: parentNode,
+    placement: "top",
+    transition: "none",
+    offset: 0,
+    hideAfter: 0,
+    ...props,
+    popperOptions,
+    onHide: () => {
+      removePopper == null ? void 0 : removePopper();
     }
+  });
+  vm.appContext = table.appContext;
+  const container = document.createElement("div");
+  render(vm, container);
+  vm.component.exposed.onOpen();
+  const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
+  removePopper = () => {
+    render(null, container);
+    scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", removePopper);
+    removePopper = null;
   };
   removePopper.trigger = trigger;
-  let popperInstance = null;
-  const { onOpen, onClose } = useDelayedToggle({
-    showAfter: tooltipOptions.showAfter,
-    hideAfter: tooltipOptions.hideAfter,
-    open: showPopper,
-    close: removePopper
-  });
-  const content = renderContent();
-  if (tooltipOptions.enterable) {
-    content.onmouseenter = onOpen;
-    content.onmouseleave = onClose;
-  }
-  const modifiers = [];
-  if (tooltipOptions.offset) {
-    modifiers.push({
-      name: "offset",
-      options: {
-        offset: [0, tooltipOptions.offset]
-      }
-    });
-  }
-  if (tooltipOptions.showArrow) {
-    const arrow = content.appendChild(renderArrow());
-    modifiers.push({
-      name: "arrow",
-      options: {
-        element: arrow,
-        padding: 10
-      }
-    });
-  }
-  if (tooltipOptions.showAfter && triggerChanged) {
-    modifiers.push(togglePopperVisible("none"));
-  }
-  const popperOptions = tooltipOptions.popperOptions || {};
-  popperInstance = yn(trigger, content, {
-    placement: tooltipOptions.placement || "top",
-    strategy: "fixed",
-    ...popperOptions,
-    modifiers: popperOptions.modifiers ? modifiers.concat(popperOptions.modifiers) : modifiers
-  });
-  trigger.addEventListener("mouseenter", onOpen);
-  trigger.addEventListener("mouseleave", onClose);
   scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
-  onOpen();
-  return popperInstance;
 }
 function getCurrentColumns(column) {
   if (column.children) {
@@ -44701,7 +44687,6 @@ function useEvents(props) {
   const parent = inject(TABLE_INJECTION_KEY);
   const tooltipContent = ref("");
   const tooltipTrigger = ref(h$1("div"));
-  const { nextZIndex } = useZIndex();
   const handleEvent = (event, row, name) => {
     var _a;
     const table = parent;
@@ -44783,7 +44768,7 @@ function useEvents(props) {
     const horizontalPadding = left + right;
     const verticalPadding = top + bottom;
     if (rangeWidth + horizontalPadding > cellChild.offsetWidth || rangeHeight + verticalPadding > cellChild.offsetHeight || cellChild.scrollWidth > cellChild.offsetWidth) {
-      createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, nextZIndex, tooltipOptions);
+      createTablePopper(tooltipOptions, cell.innerText || cell.textContent, cell, table);
     }
   };
   const handleCellMouseLeave = (event) => {
@@ -51565,10 +51550,19 @@ class TreeStore {
     }
   }
   _setCheckedKeys(key, leafOnly = false, checkedKeys) {
-    const allNodes = this._getAllNodes().sort((a, b) => b.level - a.level);
+    const allNodes = this._getAllNodes().sort((a, b) => a.level - b.level);
     const cache = /* @__PURE__ */ Object.create(null);
     const keys = Object.keys(checkedKeys);
     allNodes.forEach((node) => node.setChecked(false, false));
+    const cacheCheckedChild = (node) => {
+      node.childNodes.forEach((child) => {
+        var _a;
+        cache[child.data[key]] = true;
+        if ((_a = child.childNodes) == null ? void 0 : _a.length) {
+          cacheCheckedChild(child);
+        }
+      });
+    };
     for (let i = 0, j = allNodes.length; i < j; i++) {
       const node = allNodes[i];
       const nodeKey = node.data[key].toString();
@@ -51579,10 +51573,8 @@ class TreeStore {
         }
         continue;
       }
-      let parent = node.parent;
-      while (parent && parent.level > 0) {
-        cache[parent.data[key]] = true;
-        parent = parent.parent;
+      if (node.childNodes.length) {
+        cacheCheckedChild(node);
       }
       if (node.isLeaf || this.checkStrictly) {
         node.setChecked(true, false);
@@ -55026,15 +55018,27 @@ const maskProps = buildProps({
 
 const useTarget = (target, open, gap, mergedMask, scrollIntoViewOptions) => {
   const posInfo = ref(null);
+  const getTargetEl = () => {
+    let targetEl;
+    if (isString$1(target.value)) {
+      targetEl = document.querySelector(target.value);
+    } else if (isFunction$1(target.value)) {
+      targetEl = target.value();
+    } else {
+      targetEl = target.value;
+    }
+    return targetEl;
+  };
   const updatePosInfo = () => {
-    if (!target.value || !open.value) {
+    const targetEl = getTargetEl();
+    if (!targetEl || !open.value) {
       posInfo.value = null;
       return;
     }
-    if (!isInViewPort(target.value) && open.value) {
-      target.value.scrollIntoView(scrollIntoViewOptions.value);
+    if (!isInViewPort(targetEl) && open.value) {
+      targetEl.scrollIntoView(scrollIntoViewOptions.value);
     }
-    const { left, top, width, height } = target.value.getBoundingClientRect();
+    const { left, top, width, height } = targetEl.getBoundingClientRect();
     posInfo.value = {
       left,
       top,
@@ -55074,8 +55078,9 @@ const useTarget = (target, open, gap, mergedMask, scrollIntoViewOptions) => {
     };
   });
   const triggerTarget = computed$1(() => {
-    if (!mergedMask.value || !target.value || !window.DOMRect) {
-      return target.value || void 0;
+    const targetEl = getTargetEl();
+    if (!mergedMask.value || !targetEl || !window.DOMRect) {
+      return targetEl || void 0;
     }
     return {
       getBoundingClientRect() {
@@ -55669,7 +55674,7 @@ var Tour = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "tour.vue"]]);
 
 const tourStepProps = buildProps({
   target: {
-    type: definePropType(Object)
+    type: definePropType([String, Object, Function])
   },
   title: String,
   description: String,