@element-plus/nightly 0.0.20240116 → 0.0.20240118

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240116 */
+/*! Element Plus v0.0.20240118 */
 
 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';
 
@@ -11559,7 +11559,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20240116";
+const version$1 = "0.0.20240118";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11609,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 }) {
@@ -11729,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;
@@ -11797,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 }) {
@@ -12051,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 }) {
@@ -13367,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;
@@ -13862,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 }) {
@@ -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 }) {
@@ -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;
@@ -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",
@@ -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) => {
@@ -24726,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;
@@ -24970,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;
@@ -25113,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)])
   }, [
@@ -25132,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,
@@ -25500,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())
   }, [
@@ -25525,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",
@@ -25601,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({
@@ -25623,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 }) {
@@ -26005,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
@@ -26046,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,
@@ -26073,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,
@@ -26100,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,
@@ -26131,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) => {
@@ -28691,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 }) {
@@ -29078,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, {});
@@ -29163,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;
@@ -29407,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) {
@@ -29718,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 }) {
@@ -29895,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;
@@ -29955,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",
@@ -29986,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);
 
@@ -34292,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 {
@@ -34467,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 {
@@ -34820,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",
@@ -34840,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;
@@ -34983,18 +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", "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]
                 ]),
@@ -35090,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")
@@ -38909,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
@@ -39098,7 +39113,7 @@ var ElSelectMenu = defineComponent({
       }
     };
     return () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       const {
         data,
         width
@@ -39108,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)]
-      }, [(_b = slots.header) == null ? void 0 : _b.call(slots), createVNode(List, mergeProps({
+      }, [(_c = slots.header) == null ? void 0 : _c.call(slots), createVNode(List, mergeProps({
         "ref": listRef
       }, unref(listProps), {
         "className": ns.be("dropdown", "list"),
@@ -39131,7 +39146,7 @@ var ElSelectMenu = defineComponent({
         "onKeydown": onKeydown
       }), {
         default: (props2) => createVNode(Item, props2, null)
-      }), (_c = slots.footer) == null ? void 0 : _c.call(slots)]);
+      }), (_d = slots.footer) == null ? void 0 : _d.call(slots)]);
     };
   }
 });
@@ -39428,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 {
@@ -39435,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);
   };
@@ -39672,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 {
@@ -39932,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");
@@ -40101,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)),
@@ -40113,7 +40129,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), [
@@ -40186,13 +40202,6 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx((scope) => [
             renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
           ]),
-          empty: withCtx(() => [
-            renderSlot(_ctx.$slots, "empty", {}, () => [
-              createElementVNode("p", {
-                class: normalizeClass(_ctx.nsSelect.be("dropdown", "empty"))
-              }, toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 3)
-            ])
-          ]),
           _: 2
         }, [
           _ctx.$slots.header ? {
@@ -40205,6 +40214,27 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
               ], 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"))
+              }, [
+                renderSlot(_ctx.$slots, "empty", {}, () => [
+                  createElementVNode("span", null, toDisplayString(_ctx.emptyText), 1)
+                ])
+              ], 2)
+            ])
+          } : void 0,
           _ctx.$slots.footer ? {
             name: "footer",
             fn: withCtx(() => [