@element-plus/nightly 0.0.20240115 → 0.0.20240117

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240115 */
+/*! Element Plus v0.0.20240117 */
 
 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';
 
@@ -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 = "0.0.20240115";
+const version$1 = "0.0.20240117";
 
 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;
@@ -13864,12 +13862,12 @@ 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", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus"];
-const __default__$1C = defineComponent({
+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 }) {
@@ -14575,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 }) {
@@ -14767,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;
@@ -14805,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;
@@ -14924,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;
@@ -15413,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({
@@ -15710,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 }) {
@@ -15915,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;
@@ -15980,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;
@@ -16147,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 }) {
@@ -16388,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 }) {
@@ -16414,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;
@@ -16761,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 }) {
@@ -16880,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 }) {
@@ -16946,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;
@@ -17010,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;
@@ -17053,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;
@@ -18152,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 }) {
@@ -18228,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;
@@ -18794,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",
@@ -20707,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 }) {
@@ -20925,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 }) {
@@ -21071,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");
@@ -21424,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 }) {
@@ -21704,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;
@@ -21901,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);
@@ -22008,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) {
@@ -22120,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) {
@@ -22238,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 }) {
@@ -22372,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 }) {
@@ -22450,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;
@@ -22546,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 }) {
@@ -22746,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");
@@ -22829,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",
@@ -22853,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;
     };
@@ -22909,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");
@@ -22962,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) => {
@@ -23444,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)]),
@@ -23461,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);
@@ -23499,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 }) {
@@ -23648,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 }) {
@@ -24264,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 }) {
@@ -24325,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;
@@ -24411,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;
@@ -24527,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 }) {
@@ -24553,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) => {
@@ -24728,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;
@@ -24972,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;
@@ -25115,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)])
   }, [
@@ -25134,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,
@@ -25502,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())
   }, [
@@ -25527,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",
@@ -25603,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({
@@ -25625,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 }) {
@@ -26007,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
@@ -26048,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,
@@ -26075,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,
@@ -26102,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,
@@ -26133,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) => {
@@ -28693,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 }) {
@@ -29080,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, {});
@@ -29165,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;
@@ -29409,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) {
@@ -29720,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 }) {
@@ -29897,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;
@@ -29957,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",
@@ -29988,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);
 
@@ -34822,9 +34825,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",
@@ -34842,7 +34845,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;
@@ -34985,18 +34988,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", "prevent"]), ["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((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["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]
                 ]),
@@ -39100,7 +39102,7 @@ var ElSelectMenu = defineComponent({
       }
     };
     return () => {
-      var _a;
+      var _a, _b, _c;
       const {
         data,
         width
@@ -39121,7 +39123,7 @@ var ElSelectMenu = defineComponent({
       const List = unref(isSized) ? FixedSizeList$1 : DynamicSizeList$1;
       return createVNode("div", {
         "class": [ns.b("dropdown"), ns.is("multiple", multiple)]
-      }, [createVNode(List, mergeProps({
+      }, [(_b = slots.header) == null ? void 0 : _b.call(slots), createVNode(List, mergeProps({
         "ref": listRef
       }, unref(listProps), {
         "className": ns.be("dropdown", "list"),
@@ -39133,7 +39135,7 @@ var ElSelectMenu = defineComponent({
         "onKeydown": onKeydown
       }), {
         default: (props2) => createVNode(Item, props2, null)
-      })]);
+      }), (_c = slots.footer) == null ? void 0 : _c.call(slots)]);
     };
   }
 });
@@ -39780,6 +39782,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();
   });
@@ -39918,7 +39936,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");
@@ -40087,7 +40105,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)),
@@ -40099,7 +40116,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
                   _cache[9] || (_cache[9] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
                   _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"]))
+                  _cache[11] || (_cache[11] = withKeys(withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop", "prevent"]), ["delete"]))
                 ],
                 onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
               }, null, 46, _hoisted_1$i), [
@@ -40168,7 +40185,7 @@ 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)))
           ]),
@@ -40179,8 +40196,29 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
               }, toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 3)
             ])
           ]),
-          _: 3
-        }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
+          _: 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.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"])
@@ -51486,10 +51524,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();
@@ -51500,10 +51547,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);