@element-plus/nightly 0.0.20240115 → 0.0.20240117

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240115 */
+/*! Element Plus v0.0.20240117 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8695,8 +8695,6 @@
   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"];
@@ -11565,7 +11563,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240115";
+  const version$1 = "0.0.20240117";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11615,11 +11613,11 @@
   };
 
   const COMPONENT_NAME$n = "ElAffix";
-  const __default__$1H = vue.defineComponent({
+  const __default__$1I = vue.defineComponent({
     name: COMPONENT_NAME$n
   });
   const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1H,
+    ...__default__$1I,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11735,12 +11733,12 @@
     }
   });
 
-  const __default__$1G = vue.defineComponent({
+  const __default__$1H = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
   const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1G,
+    ...__default__$1H,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11803,11 +11801,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1F = vue.defineComponent({
+  const __default__$1G = vue.defineComponent({
     name: "ElAlert"
   });
   const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1F,
+    ...__default__$1G,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -12057,11 +12055,11 @@
   };
 
   const COMPONENT_NAME$m = "ElForm";
-  const __default__$1E = vue.defineComponent({
+  const __default__$1F = vue.defineComponent({
     name: COMPONENT_NAME$m
   });
   const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1E,
+    ...__default__$1F,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -13373,11 +13371,11 @@
   });
 
   const _hoisted_1$15 = ["role", "aria-labelledby"];
-  const __default__$1D = vue.defineComponent({
+  const __default__$1E = vue.defineComponent({
     name: "ElFormItem"
   });
   const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1D,
+    ...__default__$1E,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13868,12 +13866,12 @@
   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 = vue.defineComponent({
+  const __default__$1D = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
   const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1C,
+    ...__default__$1D,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -14579,11 +14577,11 @@
   };
 
   const COMPONENT_NAME$j = "ElScrollbar";
-  const __default__$1B = vue.defineComponent({
+  const __default__$1C = vue.defineComponent({
     name: COMPONENT_NAME$j
   });
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1B,
+    ...__default__$1C,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -14771,12 +14769,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1A = vue.defineComponent({
+  const __default__$1B = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1A,
+    ...__default__$1B,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14809,12 +14807,12 @@
   });
   const usePopperArrowProps = popperArrowProps;
 
-  const __default__$1z = vue.defineComponent({
+  const __default__$1A = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1z,
+    ...__default__$1A,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14928,12 +14926,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1y = vue.defineComponent({
+  const __default__$1z = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
   const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+    ...__default__$1z,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15417,10 +15415,10 @@
       };
     }
   });
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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({
@@ -15714,11 +15712,11 @@
     };
   };
 
-  const __default__$1x = vue.defineComponent({
+  const __default__$1y = vue.defineComponent({
     name: "ElPopperContent"
   });
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+    ...__default__$1y,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -15919,11 +15917,11 @@
     };
   };
 
-  const __default__$1w = vue.defineComponent({
+  const __default__$1x = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+    ...__default__$1x,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15984,12 +15982,12 @@
   });
   var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "trigger.vue"]]);
 
-  const __default__$1v = vue.defineComponent({
+  const __default__$1w = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+    ...__default__$1w,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16151,11 +16149,11 @@
 
   const _hoisted_1$13 = ["innerHTML"];
   const _hoisted_2$H = { key: 1 };
-  const __default__$1u = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: "ElTooltip"
   });
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+    ...__default__$1v,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16392,12 +16390,12 @@
   const _hoisted_2$G = { key: 0 };
   const _hoisted_3$h = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
-  const __default__$1t = vue.defineComponent({
+  const __default__$1u = vue.defineComponent({
     name: COMPONENT_NAME$i,
     inheritAttrs: false
   });
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+    ...__default__$1u,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -16418,7 +16416,7 @@
       const activated = vue.ref(false);
       const suggestionDisabled = vue.ref(false);
       const loading = vue.ref(false);
-      const listboxId = vue.computed(() => ns.b(String(generateId())));
+      const listboxId = useId();
       const styles = vue.computed(() => rawAttrs.style);
       const suggestionVisible = vue.computed(() => {
         const isValidData = suggestions.value.length > 0;
@@ -16765,11 +16763,11 @@
   };
 
   const _hoisted_1$11 = ["src", "alt", "srcset"];
-  const __default__$1s = vue.defineComponent({
+  const __default__$1t = vue.defineComponent({
     name: "ElAvatar"
   });
   const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+    ...__default__$1t,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -16884,11 +16882,11 @@
   };
 
   const COMPONENT_NAME$h = "ElBacktop";
-  const __default__$1r = vue.defineComponent({
+  const __default__$1s = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1r,
+    ...__default__$1s,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -16950,11 +16948,11 @@
   });
 
   const _hoisted_1$10 = ["textContent"];
-  const __default__$1q = vue.defineComponent({
+  const __default__$1r = vue.defineComponent({
     name: "ElBadge"
   });
   const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+    ...__default__$1r,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -17014,11 +17012,11 @@
     }
   });
 
-  const __default__$1p = vue.defineComponent({
+  const __default__$1q = vue.defineComponent({
     name: "ElBreadcrumb"
   });
   const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+    ...__default__$1q,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -17057,11 +17055,11 @@
     }
   });
 
-  const __default__$1o = vue.defineComponent({
+  const __default__$1p = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
   const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+    ...__default__$1p,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -18156,11 +18154,11 @@
     });
   }
 
-  const __default__$1n = vue.defineComponent({
+  const __default__$1o = vue.defineComponent({
     name: "ElButton"
   });
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1o,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -18232,11 +18230,11 @@
     type: buttonProps.type
   };
 
-  const __default__$1m = vue.defineComponent({
+  const __default__$1n = vue.defineComponent({
     name: "ElButtonGroup"
   });
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1n,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -18798,11 +18796,11 @@
 
   const _hoisted_1$$ = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$F = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$1l = vue.defineComponent({
+  const __default__$1m = vue.defineComponent({
     name: "Picker"
   });
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1m,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -20711,11 +20709,11 @@
 
   const _hoisted_1$Y = { key: 0 };
   const _hoisted_2$D = ["onClick"];
-  const __default__$1k = vue.defineComponent({
+  const __default__$1l = vue.defineComponent({
     name: "DateTable"
   });
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1l,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -20929,11 +20927,11 @@
   };
 
   const COMPONENT_NAME$g = "ElCalendar";
-  const __default__$1j = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: COMPONENT_NAME$g
   });
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1k,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -21075,11 +21073,11 @@
     }
   });
 
-  const __default__$1i = vue.defineComponent({
+  const __default__$1j = vue.defineComponent({
     name: "ElCard"
   });
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1j,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -21428,11 +21426,11 @@
   const _hoisted_1$X = ["onMouseenter", "onClick"];
   const _hoisted_2$C = { key: 0 };
   const COMPONENT_NAME$f = "ElCarousel";
-  const __default__$1h = vue.defineComponent({
+  const __default__$1i = vue.defineComponent({
     name: COMPONENT_NAME$f
   });
   const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1i,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -21708,11 +21706,11 @@
     };
   };
 
-  const __default__$1g = vue.defineComponent({
+  const __default__$1h = vue.defineComponent({
     name: "ElCarouselItem"
   });
   const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1h,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -21905,7 +21903,7 @@
       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);
@@ -22012,11 +22010,11 @@
 
   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 = vue.defineComponent({
+  const __default__$1g = vue.defineComponent({
     name: "ElCheckbox"
   });
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1g,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22124,11 +22122,11 @@
 
   const _hoisted_1$V = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$A = ["name", "tabindex", "disabled", "value"];
-  const __default__$1e = vue.defineComponent({
+  const __default__$1f = vue.defineComponent({
     name: "ElCheckboxButton"
   });
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22242,11 +22240,11 @@
     change: (val) => isArray$1(val)
   };
 
-  const __default__$1d = vue.defineComponent({
+  const __default__$1e = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -22376,11 +22374,11 @@
   };
 
   const _hoisted_1$U = ["value", "name", "disabled"];
-  const __default__$1c = vue.defineComponent({
+  const __default__$1d = vue.defineComponent({
     name: "ElRadio"
   });
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1d,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -22454,11 +22452,11 @@
   });
 
   const _hoisted_1$T = ["value", "name", "disabled"];
-  const __default__$1b = vue.defineComponent({
+  const __default__$1c = vue.defineComponent({
     name: "ElRadioButton"
   });
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1c,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -22550,11 +22548,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$S = ["id", "aria-label", "aria-labelledby"];
-  const __default__$1a = vue.defineComponent({
+  const __default__$1b = vue.defineComponent({
     name: "ElRadioGroup"
   });
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -22750,7 +22748,7 @@
   });
   const _hoisted_1$R = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$z = /* @__PURE__ */ vue.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 = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -22833,7 +22831,7 @@
       ], 64)) : vue.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 = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -22857,14 +22855,14 @@
       const instance = vue.getCurrentInstance();
       const ns = useNamespace("cascader-menu");
       const { t } = useLocale();
-      const id = generateId();
+      const id = useId();
       let activeNode = null;
       let hoverTimer = null;
       const panel = vue.inject(CASCADER_PANEL_INJECTION_KEY);
       const hoverZone = vue.ref(null);
       const isEmpty = vue.computed(() => !props.nodes.length);
       const isLoading = vue.computed(() => !panel.initialLoaded);
-      const menuId = vue.computed(() => `cascader-menu-${id}-${props.index}`);
+      const menuId = vue.computed(() => `${id.value}-${props.index}`);
       const handleExpand = (e) => {
         activeNode = e.target;
       };
@@ -22913,7 +22911,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -22966,7 +22964,7 @@
       _: 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) => {
@@ -23448,7 +23446,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -23465,7 +23463,7 @@
       }), 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);
@@ -23503,11 +23501,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$19 = vue.defineComponent({
+  const __default__$1a = vue.defineComponent({
     name: "ElTag"
   });
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1a,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -23652,11 +23650,11 @@
   const _hoisted_2$y = ["placeholder", "onKeydown"];
   const _hoisted_3$g = ["onClick"];
   const COMPONENT_NAME$e = "ElCascader";
-  const __default__$18 = vue.defineComponent({
+  const __default__$19 = vue.defineComponent({
     name: COMPONENT_NAME$e
   });
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$19,
     props: cascaderProps,
     emits: cascaderEmits,
     setup(__props, { expose, emit }) {
@@ -24268,11 +24266,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$17 = vue.defineComponent({
+  const __default__$18 = vue.defineComponent({
     name: "ElCheckTag"
   });
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$18,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -24329,11 +24327,11 @@
     }
   });
 
-  const __default__$16 = vue.defineComponent({
+  const __default__$17 = vue.defineComponent({
     name: "ElRow"
   });
   const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$17,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -24415,11 +24413,11 @@
     }
   });
 
-  const __default__$15 = vue.defineComponent({
+  const __default__$16 = vue.defineComponent({
     name: "ElCol"
   });
   const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$16,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -24531,11 +24529,11 @@
     };
   };
 
-  const __default__$14 = vue.defineComponent({
+  const __default__$15 = vue.defineComponent({
     name: "ElCollapse"
   });
   const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$15,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -24557,11 +24555,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "collapse.vue"]]);
 
-  const __default__$13 = vue.defineComponent({
+  const __default__$14 = vue.defineComponent({
     name: "ElCollapseTransition"
   });
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$14,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const reset = (el) => {
@@ -24732,11 +24730,11 @@
 
   const _hoisted_1$P = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
   const _hoisted_2$x = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$12 = vue.defineComponent({
+  const __default__$13 = vue.defineComponent({
     name: "ElCollapseItem"
   });
   const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$13,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -24976,11 +24974,11 @@
   };
 
   const COMPONENT_NAME$d = "ElColorAlphaSlider";
-  const __default__$11 = vue.defineComponent({
+  const __default__$12 = vue.defineComponent({
     name: COMPONENT_NAME$d
   });
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$12,
     props: alphaSliderProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -25119,7 +25117,7 @@
       };
     }
   });
-  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -25138,7 +25136,7 @@
       }, 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,
@@ -25506,7 +25504,7 @@
     }
   });
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -25531,7 +25529,7 @@
       ], 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 = vue.defineComponent({
     name: "ElSlPanel",
@@ -25607,7 +25605,7 @@
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle({
@@ -25629,15 +25627,15 @@
       }, _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 = vue.defineComponent({
+  const __default__$11 = vue.defineComponent({
     name: "ElColorPicker"
   });
   const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$11,
     props: colorPickerProps,
     emits: colorPickerEmits,
     setup(__props, { expose, emit }) {
@@ -26011,11 +26009,11 @@
 
   const ElColorPicker = withInstall(ColorPicker);
 
-  const __default__$$ = vue.defineComponent({
+  const __default__$10 = vue.defineComponent({
     name: "ElContainer"
   });
   const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$10,
     props: {
       direction: {
         type: String
@@ -26052,11 +26050,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "container.vue"]]);
 
-  const __default__$_ = vue.defineComponent({
+  const __default__$$ = vue.defineComponent({
     name: "ElAside"
   });
   const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$$,
     props: {
       width: {
         type: String,
@@ -26079,11 +26077,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__file", "aside.vue"]]);
 
-  const __default__$Z = vue.defineComponent({
+  const __default__$_ = vue.defineComponent({
     name: "ElFooter"
   });
   const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$_,
     props: {
       height: {
         type: String,
@@ -26106,11 +26104,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__file", "footer.vue"]]);
 
-  const __default__$Y = vue.defineComponent({
+  const __default__$Z = vue.defineComponent({
     name: "ElHeader"
   });
   const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$Z,
     props: {
       height: {
         type: String,
@@ -26137,11 +26135,11 @@
   });
   var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "header.vue"]]);
 
-  const __default__$X = vue.defineComponent({
+  const __default__$Y = vue.defineComponent({
     name: "ElMain"
   });
   const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Y,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -28697,11 +28695,11 @@
   const _hoisted_2$p = ["disabled"];
   const _hoisted_3$a = ["disabled"];
   const unit = "year";
-  const __default__$W = vue.defineComponent({
+  const __default__$X = vue.defineComponent({
     name: "DatePickerMonthRange"
   });
   const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$X,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -29084,11 +29082,11 @@
   });
 
   const _hoisted_1$F = { key: 1 };
-  const __default__$V = vue.defineComponent({
+  const __default__$W = vue.defineComponent({
     name: "ElDescriptionsRow"
   });
   const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$W,
     props: descriptionsRowProps,
     setup(__props) {
       const descriptions = vue.inject(descriptionsKey, {});
@@ -29169,11 +29167,11 @@
     }
   });
 
-  const __default__$U = vue.defineComponent({
+  const __default__$V = vue.defineComponent({
     name: "ElDescriptions"
   });
   const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$V,
     props: descriptionProps,
     setup(__props) {
       const props = __props;
@@ -29413,9 +29411,9 @@
   const _hoisted_1$E = ["aria-level"];
   const _hoisted_2$o = ["aria-label"];
   const _hoisted_3$9 = ["id"];
-  const __default__$T = vue.defineComponent({ name: "ElDialogContent" });
+  const __default__$U = vue.defineComponent({ name: "ElDialogContent" });
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$U,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -29724,12 +29722,12 @@
   };
 
   const _hoisted_1$D = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$S = vue.defineComponent({
+  const __default__$T = vue.defineComponent({
     name: "ElDialog",
     inheritAttrs: false
   });
   const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$T,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -29901,11 +29899,11 @@
     }
   });
 
-  const __default__$R = vue.defineComponent({
+  const __default__$S = vue.defineComponent({
     name: "ElDivider"
   });
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$S,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -29961,18 +29959,21 @@
   });
   const drawerEmits = dialogEmits;
 
-  const _sfc_main$1f = vue.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 = vue.defineComponent({
     name: "ElDrawer",
-    components: {
-      ElOverlay,
-      ElFocusTrap,
-      ElIcon,
-      Close: close_default
-    },
-    inheritAttrs: false,
+    inheritAttrs: false
+  });
+  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$R,
     props: drawerProps,
     emits: drawerEmits,
-    setup(props, { slots }) {
+    setup(__props, { expose }) {
+      const props = __props;
+      const slots = vue.useSlots();
       useDeprecated({
         scope: "el-drawer",
         from: "the title slot",
@@ -29992,138 +29993,140 @@
       const focusStartRef = vue.ref();
       const ns = useNamespace("drawer");
       const { t } = useLocale();
+      const {
+        afterEnter,
+        afterLeave,
+        beforeLeave,
+        visible,
+        rendered,
+        titleId,
+        bodyId,
+        onModalClick,
+        onCloseRequested,
+        handleClose
+      } = useDialog(props, drawerRef);
       const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
       const drawerSize = vue.computed(() => 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 = vue.resolveComponent("close");
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
-    const _component_el_overlay = vue.resolveComponent("el-overlay");
-    return vue.openBlock(), vue.createBlock(vue.Teleport, {
-      to: "body",
-      disabled: !_ctx.appendToBody
-    }, [
-      vue.createVNode(vue.Transition, {
-        name: _ctx.ns.b("fade"),
-        onAfterEnter: _ctx.afterEnter,
-        onAfterLeave: _ctx.afterLeave,
-        onBeforeLeave: _ctx.beforeLeave,
-        persisted: ""
-      }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives(vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, {
+          to: "body",
+          disabled: !_ctx.appendToBody
+        }, [
+          vue.createVNode(vue.Transition, {
+            name: vue.unref(ns).b("fade"),
+            onAfterEnter: vue.unref(afterEnter),
+            onAfterLeave: vue.unref(afterLeave),
+            onBeforeLeave: vue.unref(beforeLeave),
+            persisted: ""
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(_component_el_focus_trap, {
-                loop: "",
-                trapped: _ctx.visible,
-                "focus-trap-el": _ctx.drawerRef,
-                "focus-start-el": _ctx.focusStartRef,
-                onReleaseRequested: _ctx.onCloseRequested
+              vue.withDirectives(vue.createVNode(vue.unref(ElOverlay), {
+                mask: _ctx.modal,
+                "overlay-class": _ctx.modalClass,
+                "z-index": _ctx.zIndex,
+                onClick: vue.unref(onModalClick)
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("div", vue.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] = vue.withModifiers(() => {
-                    }, ["stop"]))
-                  }), [
-                    vue.createElementVNode("span", {
-                      ref: "focusStartRef",
-                      class: vue.normalizeClass(_ctx.ns.e("sr-focus")),
-                      tabindex: "-1"
-                    }, null, 2),
-                    _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
-                      key: 0,
-                      class: vue.normalizeClass(_ctx.ns.e("header"))
-                    }, [
-                      !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
-                        key: 0,
-                        close: _ctx.handleClose,
-                        titleId: _ctx.titleId,
-                        titleClass: _ctx.ns.e("title")
-                      }, () => [
-                        !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
+                  vue.createVNode(vue.unref(ElFocusTrap), {
+                    loop: "",
+                    trapped: vue.unref(visible),
+                    "focus-trap-el": drawerRef.value,
+                    "focus-start-el": focusStartRef.value,
+                    onReleaseRequested: vue.unref(onCloseRequested)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("div", vue.mergeProps({
+                        ref_key: "drawerRef",
+                        ref: drawerRef,
+                        "aria-modal": "true",
+                        "aria-label": _ctx.title || void 0,
+                        "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
+                        "aria-describedby": vue.unref(bodyId)
+                      }, _ctx.$attrs, {
+                        class: [vue.unref(ns).b(), _ctx.direction, vue.unref(visible) && "open", _ctx.customClass],
+                        style: vue.unref(isHorizontal) ? "width: " + vue.unref(drawerSize) : "height: " + vue.unref(drawerSize),
+                        role: "dialog",
+                        onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                        }, ["stop"]))
+                      }), [
+                        vue.createElementVNode("span", {
+                          ref_key: "focusStartRef",
+                          ref: focusStartRef,
+                          class: vue.normalizeClass(vue.unref(ns).e("sr-focus")),
+                          tabindex: "-1"
+                        }, null, 2),
+                        _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
                           key: 0,
-                          id: _ctx.titleId,
-                          role: "heading",
-                          "aria-level": _ctx.headerAriaLevel,
-                          class: vue.normalizeClass(_ctx.ns.e("title"))
-                        }, vue.toDisplayString(_ctx.title), 11, _hoisted_2$n)) : vue.createCommentVNode("v-if", true)
-                      ]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
-                        vue.createCommentVNode(" DEPRECATED SLOT ")
-                      ]),
-                      _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
-                        key: 2,
-                        "aria-label": _ctx.t("el.drawer.close"),
-                        class: vue.normalizeClass(_ctx.ns.e("close-btn")),
-                        type: "button",
-                        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
-                      }, [
-                        vue.createVNode(_component_el_icon, {
-                          class: vue.normalizeClass(_ctx.ns.e("close"))
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(_component_close)
+                          class: vue.normalizeClass(vue.unref(ns).e("header"))
+                        }, [
+                          !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
+                            key: 0,
+                            close: vue.unref(handleClose),
+                            titleId: vue.unref(titleId),
+                            titleClass: vue.unref(ns).e("title")
+                          }, () => [
+                            !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
+                              key: 0,
+                              id: vue.unref(titleId),
+                              role: "heading",
+                              "aria-level": _ctx.headerAriaLevel,
+                              class: vue.normalizeClass(vue.unref(ns).e("title"))
+                            }, vue.toDisplayString(_ctx.title), 11, _hoisted_2$n)) : vue.createCommentVNode("v-if", true)
+                          ]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
+                            vue.createCommentVNode(" DEPRECATED SLOT ")
                           ]),
-                          _: 1
-                        }, 8, ["class"])
-                      ], 10, _hoisted_3$8)) : vue.createCommentVNode("v-if", true)
-                    ], 2)) : vue.createCommentVNode("v-if", true),
-                    _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 1,
-                      id: _ctx.bodyId,
-                      class: vue.normalizeClass(_ctx.ns.e("body"))
-                    }, [
-                      vue.renderSlot(_ctx.$slots, "default")
-                    ], 10, _hoisted_4$6)) : vue.createCommentVNode("v-if", true),
-                    _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 2,
-                      class: vue.normalizeClass(_ctx.ns.e("footer"))
-                    }, [
-                      vue.renderSlot(_ctx.$slots, "footer")
-                    ], 2)) : vue.createCommentVNode("v-if", true)
-                  ], 16, _hoisted_1$C)
+                          _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                            key: 2,
+                            "aria-label": vue.unref(t)("el.drawer.close"),
+                            class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
+                            type: "button",
+                            onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleClose) && vue.unref(handleClose)(...args))
+                          }, [
+                            vue.createVNode(vue.unref(ElIcon), {
+                              class: vue.normalizeClass(vue.unref(ns).e("close"))
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(close_default))
+                              ]),
+                              _: 1
+                            }, 8, ["class"])
+                          ], 10, _hoisted_3$8)) : vue.createCommentVNode("v-if", true)
+                        ], 2)) : vue.createCommentVNode("v-if", true),
+                        vue.unref(rendered) ? (vue.openBlock(), vue.createElementBlock("div", {
+                          key: 1,
+                          id: vue.unref(bodyId),
+                          class: vue.normalizeClass(vue.unref(ns).e("body"))
+                        }, [
+                          vue.renderSlot(_ctx.$slots, "default")
+                        ], 10, _hoisted_4$6)) : vue.createCommentVNode("v-if", true),
+                        _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+                          key: 2,
+                          class: vue.normalizeClass(vue.unref(ns).e("footer"))
+                        }, [
+                          vue.renderSlot(_ctx.$slots, "footer")
+                        ], 2)) : vue.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"]), [
+                [vue.vShow, vue.unref(visible)]
+              ])
             ]),
             _: 3
-          }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-            [vue.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);
 
@@ -34826,9 +34829,9 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.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] = vue.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] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
     }, [
       vue.createVNode(_component_el_tooltip, {
         ref: "tooltipRef",
@@ -34846,7 +34849,7 @@
         "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: vue.withCtx(() => {
           var _a;
@@ -34989,18 +34992,17 @@
                     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] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
-                      _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"])),
-                      _cache[5] || (_cache[5] = vue.withKeys((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["esc"])),
+                      _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+                      _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+                      _cache[5] || (_cache[5] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
                       _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
-                      _cache[7] || (_cache[7] = vue.withKeys(vue.withModifiers((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["stop"]), ["delete"])),
-                      _cache[8] || (_cache[8] = vue.withKeys(($event) => _ctx.expanded = false, ["tab"]))
+                      _cache[7] || (_cache[7] = vue.withKeys(vue.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] = vue.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] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
                   }, null, 46, _hoisted_1$p), [
                     [vue.vModelText, _ctx.states.inputValue]
                   ]),
@@ -39104,7 +39106,7 @@
         }
       };
       return () => {
-        var _a;
+        var _a, _b, _c;
         const {
           data,
           width
@@ -39125,7 +39127,7 @@
         const List = vue.unref(isSized) ? FixedSizeList$1 : DynamicSizeList$1;
         return vue.createVNode("div", {
           "class": [ns.b("dropdown"), ns.is("multiple", multiple)]
-        }, [vue.createVNode(List, vue.mergeProps({
+        }, [(_b = slots.header) == null ? void 0 : _b.call(slots), vue.createVNode(List, vue.mergeProps({
           "ref": listRef
         }, vue.unref(listProps), {
           "className": ns.be("dropdown", "list"),
@@ -39137,7 +39139,7 @@
           "onKeydown": onKeydown
         }), {
           default: (props2) => vue.createVNode(Item, props2, null)
-        })]);
+        }), (_c = slots.footer) == null ? void 0 : _c.call(slots)]);
       };
     }
   });
@@ -39784,6 +39786,22 @@
         return;
       updateOptions();
     });
+    vue.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);
+        }
+      }
+    });
     vue.onMounted(() => {
       initStates();
     });
@@ -39922,7 +39940,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-tag");
@@ -40091,7 +40109,6 @@
                   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)),
@@ -40103,7 +40120,7 @@
                     _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
                     _cache[9] || (_cache[9] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
                     _cache[10] || (_cache[10] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
-                    _cache[11] || (_cache[11] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
+                    _cache[11] || (_cache[11] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop", "prevent"]), ["delete"]))
                   ],
                   onClick: _cache[12] || (_cache[12] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
                 }, null, 46, _hoisted_1$i), [
@@ -40172,7 +40189,7 @@
             width: _ctx.popperSize,
             "hovering-index": _ctx.states.hoveringIndex,
             "scrollbar-always-on": _ctx.scrollbarAlwaysOn
-          }, {
+          }, vue.createSlots({
             default: vue.withCtx((scope) => [
               vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(scope)))
             ]),
@@ -40183,8 +40200,29 @@
                 }, vue.toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 3)
               ])
             ]),
-            _: 3
-          }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
+            _: 2
+          }, [
+            _ctx.$slots.header ? {
+              name: "header",
+              fn: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "header"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "header")
+                ], 2)
+              ])
+            } : void 0,
+            _ctx.$slots.footer ? {
+              name: "footer",
+              fn: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
+                }, [
+                  vue.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"])
@@ -51490,10 +51528,19 @@
       }
     }
     _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();
@@ -51504,10 +51551,8 @@
           }
           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);