@element-plus/nightly 0.0.20220626 → 0.0.20220627

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220626 */
+/*! Element Plus v0.0.20220627 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10730,7 +10730,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220626";
+  const version$1 = "0.0.20220627";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10779,11 +10779,11 @@
     return target;
   };
 
-  const __default__$1l = {
+  const __default__$1n = {
     name: "ElAffix"
   };
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1n,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -10898,12 +10898,12 @@
     }
   });
 
-  const __default__$1k = {
+  const __default__$1m = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1m,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -10965,11 +10965,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1j = {
+  const __default__$1l = {
     name: "ElAlert"
   };
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1l,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11237,12 +11237,12 @@
   const _hoisted_1$12 = ["role"];
   const _hoisted_2$H = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
   const _hoisted_3$o = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  const __default__$1i = {
+  const __default__$1k = {
     name: "ElInput",
     inheritAttrs: false
   };
   const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1k,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -11936,11 +11936,11 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1h = {
+  const __default__$1j = {
     name: "ElScrollbar"
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1j,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12101,12 +12101,12 @@
     }
   });
 
-  const __default__$1g = {
+  const __default__$1i = {
     name: "ElPopperRoot",
     inheritAttrs: false
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1i,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12138,12 +12138,12 @@
     }
   });
 
-  const __default__$1f = {
+  const __default__$1h = {
     name: "ElPopperArrow",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1h,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12206,7 +12206,6 @@
           case vue.Comment:
             continue;
           case vue.Text:
-            return wrapTextContent(child);
           case "svg":
             return wrapTextContent(child);
           case vue.Fragment:
@@ -12241,12 +12240,12 @@
     open: Boolean
   });
 
-  const __default__$1e = {
+  const __default__$1g = {
     name: "ElPopperTrigger",
     inheritAttrs: false
   };
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1g,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12648,10 +12647,10 @@
       };
     }
   });
-  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$J], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$H], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const usePopperCoreConfigProps = buildProps({
@@ -12808,11 +12807,11 @@
     }
   }
 
-  const __default__$1d = {
+  const __default__$1f = {
     name: "ElPopperContent"
   };
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1f,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13183,7 +13182,7 @@
       };
     }
   });
-  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_content = vue.resolveComponent("el-popper-content");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
       disabled: !_ctx.teleported,
@@ -13238,7 +13237,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$I], ["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$G], ["__file", "content.vue"]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -13303,7 +13302,7 @@
       };
     }
   });
-  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_popper_trigger = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -13325,7 +13324,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$H], ["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$F], ["__file", "trigger.vue"]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$21 = vue.defineComponent({
@@ -13445,7 +13444,7 @@
   });
   const _hoisted_1$11 = ["innerHTML"];
   const _hoisted_2$G = { key: 1 };
-  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip_trigger = vue.resolveComponent("el-tooltip-trigger");
     const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -13514,7 +13513,7 @@
       _: 3
     }, 8, ["role"]);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$G], ["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$E], ["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -13585,12 +13584,12 @@
   const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$F = { key: 0 };
   const _hoisted_3$n = ["id", "aria-selected", "onClick"];
-  const __default__$1c = {
+  const __default__$1e = {
     name: "ElAutocomplete",
     inheritAttrs: false
   };
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1e,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -13727,6 +13726,10 @@
         var _a;
         (_a = inputRef.value) == null ? void 0 : _a.focus();
       };
+      const blur = () => {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.blur();
+      };
       const handleSelect = async (item) => {
         emit(INPUT_EVENT, item[props.valueKey]);
         emit(UPDATE_MODEL_EVENT, item[props.valueKey]);
@@ -13777,6 +13780,7 @@
         handleSelect,
         handleKeyEnter,
         focus,
+        blur,
         close,
         highlight
       });
@@ -13942,11 +13946,11 @@
   };
 
   const _hoisted_1$$ = ["src", "alt", "srcset"];
-  const __default__$1b = {
+  const __default__$1d = {
     name: "ElAvatar"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1d,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14027,11 +14031,11 @@
   };
 
   const _hoisted_1$_ = ["onClick"];
-  const __default__$1a = {
+  const __default__$1c = {
     name: "ElBacktop"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1c,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14136,11 +14140,11 @@
   });
 
   const _hoisted_1$Z = ["textContent"];
-  const __default__$19 = {
+  const __default__$1b = {
     name: "ElBadge"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1b,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14199,11 +14203,11 @@
     }
   });
 
-  const __default__$18 = {
+  const __default__$1a = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$1a,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14242,11 +14246,11 @@
     }
   });
 
-  const __default__$17 = {
+  const __default__$19 = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$19,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15277,11 +15281,11 @@
   }
 
   const _hoisted_1$Y = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$16 = {
+  const __default__$18 = {
     name: "ElButton"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$18,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15389,11 +15393,11 @@
     type: buttonProps.type
   };
 
-  const __default__$15 = {
+  const __default__$17 = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$17,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16045,11 +16049,11 @@
 
   const _hoisted_1$X = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$14 = {
+  const __default__$16 = {
     name: "Picker"
   };
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$16,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -17755,11 +17759,11 @@
 
   const _hoisted_1$U = { key: 0 };
   const _hoisted_2$C = ["onClick"];
-  const __default__$13 = {
+  const __default__$15 = {
     name: "DateTable"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$15,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -17914,11 +17918,11 @@
     [INPUT_EVENT]: (value) => isDate(value)
   };
 
-  const __default__$12 = {
+  const __default__$14 = {
     name: "ElCalendar"
   };
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$14,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18149,11 +18153,11 @@
     }
   });
 
-  const __default__$11 = {
+  const __default__$13 = {
     name: "ElCard"
   };
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$13,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18245,11 +18249,11 @@
   const _hoisted_1$T = ["onMouseenter", "onMouseleave"];
   const _hoisted_2$B = ["onMouseenter", "onClick"];
   const _hoisted_3$m = { key: 0 };
-  const __default__$10 = {
+  const __default__$12 = {
     name: "ElCarousel"
   };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$12,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -18558,11 +18562,11 @@
     }
   });
 
-  const __default__$$ = {
+  const __default__$11 = {
     name: "ElCarouselItem"
   };
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$11,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -18974,11 +18978,11 @@
   const _hoisted_1$S = ["tabindex", "role", "aria-checked"];
   const _hoisted_2$A = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_3$l = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-  const __default__$_ = {
+  const __default__$10 = {
     name: "ElCheckbox"
   };
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$10,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19079,11 +19083,11 @@
 
   const _hoisted_1$R = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
-  const __default__$Z = {
+  const __default__$$ = {
     name: "ElCheckboxButton"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$$,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19157,11 +19161,11 @@
   });
   var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-button.vue"]]);
 
-  const __default__$Y = {
+  const __default__$_ = {
     name: "ElCheckboxGroup"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$_,
     props: useCheckboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19283,11 +19287,11 @@
   };
 
   const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$X = {
+  const __default__$Z = {
     name: "ElRadio"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Z,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19359,11 +19363,11 @@
   });
 
   const _hoisted_1$P = ["value", "name", "disabled"];
-  const __default__$W = {
+  const __default__$Y = {
     name: "ElRadioButton"
   };
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$Y,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19449,11 +19453,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$O = ["id", "aria-label", "aria-labelledby"];
-  const __default__$V = {
+  const __default__$X = {
     name: "ElRadioGroup"
   };
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$X,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19650,7 +19654,7 @@
   });
   const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$y = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_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");
@@ -19733,7 +19737,7 @@
       ], 64)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$N);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$F], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$D], ["__file", "node.vue"]]);
 
   const _sfc_main$1E = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -19813,7 +19817,7 @@
       };
     }
   });
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$C(_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");
@@ -19866,7 +19870,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$E], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$C], ["__file", "menu.vue"]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -20341,7 +20345,7 @@
       };
     }
   });
-  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$B(_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)]),
@@ -20358,7 +20362,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$D], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$B], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -20396,11 +20400,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$U = {
+  const __default__$W = {
     name: "ElTag"
   };
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$W,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20925,7 +20929,7 @@
   const _hoisted_2$x = { class: "el-cascader__collapse-tags" };
   const _hoisted_3$k = ["placeholder"];
   const _hoisted_4$d = ["onClick"];
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_circle_close = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -21152,7 +21156,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$C], ["__file", "index.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$A], ["__file", "index.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -21171,11 +21175,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$T = {
+  const __default__$V = {
     name: "ElCheckTag"
   };
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$V,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21243,11 +21247,11 @@
     }
   });
 
-  const __default__$S = {
+  const __default__$U = {
     name: "ElCol"
   };
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$U,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21317,11 +21321,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$R = {
+  const __default__$T = {
     name: "ElCollapse"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$T,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21372,11 +21376,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-  const __default__$Q = {
+  const __default__$S = {
     name: "ElCollapseTransition"
   };
   const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$S,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21464,11 +21468,11 @@
   const _hoisted_1$L = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$w = ["id", "tabindex", "onKeypress"];
   const _hoisted_3$j = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$P = {
+  const __default__$R = {
     name: "ElCollapseItem"
   };
   const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$R,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -21710,7 +21714,7 @@
       };
     }
   });
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -21732,7 +21736,7 @@
       }, null, 4)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$B], ["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$z], ["__file", "alpha-slider.vue"]]);
 
   const _sfc_main$1u = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -21825,7 +21829,7 @@
       };
     }
   });
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -21844,7 +21848,7 @@
       }, null, 4)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$A], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$y], ["__file", "hue-slider.vue"]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -22165,7 +22169,7 @@
   const _hoisted_1$K = { class: "el-color-predefine" };
   const _hoisted_2$v = { class: "el-color-predefine__colors" };
   const _hoisted_3$i = ["onClick"];
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
       vue.createElementVNode("div", _hoisted_2$v, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
@@ -22182,7 +22186,7 @@
       ])
     ]);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$z], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$x], ["__file", "predefine.vue"]]);
 
   const _sfc_main$1s = vue.defineComponent({
     name: "ElSlPanel",
@@ -22258,7 +22262,7 @@
   const _hoisted_4$c = [
     _hoisted_3$h
   ];
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: "el-color-svpanel",
       style: vue.normalizeStyle({
@@ -22276,7 +22280,7 @@
       }, _hoisted_4$c, 4)
     ], 4);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$y], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$w], ["__file", "sv-panel.vue"]]);
 
   const _sfc_main$1r = vue.defineComponent({
     name: "ElColorPicker",
@@ -22477,7 +22481,7 @@
     }
   });
   const _hoisted_1$I = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_hue_slider = vue.resolveComponent("hue-slider");
     const _component_sv_panel = vue.resolveComponent("sv-panel");
     const _component_alpha_slider = vue.resolveComponent("alpha-slider");
@@ -22632,7 +22636,7 @@
       _: 1
     }, 8, ["visible", "popper-class"]);
   }
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$x], ["__file", "index.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$v], ["__file", "index.vue"]]);
 
   ColorPicker.install = (app) => {
     app.component(ColorPicker.name, ColorPicker);
@@ -22683,11 +22687,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$O = {
+  const __default__$Q = {
     name: "ElContainer"
   };
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$Q,
     props: {
       direction: {
         type: String
@@ -22724,11 +22728,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-  const __default__$N = {
+  const __default__$P = {
     name: "ElAside"
   };
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$P,
     props: {
       width: {
         type: String,
@@ -22751,11 +22755,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-  const __default__$M = {
+  const __default__$O = {
     name: "ElFooter"
   };
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$O,
     props: {
       height: {
         type: String,
@@ -22778,11 +22782,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-  const __default__$L = {
+  const __default__$N = {
     name: "ElHeader"
   };
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$N,
     props: {
       height: {
         type: String,
@@ -22809,11 +22813,11 @@
   });
   var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-  const __default__$K = {
+  const __default__$M = {
     name: "ElMain"
   };
   const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+    ...__default__$M,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -25241,11 +25245,11 @@
   const _hoisted_1$C = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$b = ["disabled"];
-  const __default__$J = {
+  const __default__$L = {
     name: "DatePickerMonthRange"
   };
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+    ...__default__$L,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -25628,7 +25632,7 @@
     }
   });
   const _hoisted_1$B = { key: 1 };
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_descriptions_cell = vue.resolveComponent("el-descriptions-cell");
     return _ctx.descriptions.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
       vue.createElementVNode("tr", null, [
@@ -25677,7 +25681,7 @@
       }), 128))
     ]));
   }
-  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$w], ["__file", "descriptions-row.vue"]]);
+  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$u], ["__file", "descriptions-row.vue"]]);
 
   const _sfc_main$1e = vue.defineComponent({
     name: "ElDescriptions",
@@ -25783,7 +25787,7 @@
       };
     }
   });
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_descriptions_row = vue.resolveComponent("el-descriptions-row");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.descriptionKls)
@@ -25825,7 +25829,7 @@
       ], 2)
     ], 2);
   }
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$v], ["__file", "index.vue"]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$t], ["__file", "index.vue"]]);
 
   var DescriptionsItem = vue.defineComponent({
     name: "ElDescriptionsItem",
@@ -25965,9 +25969,9 @@
 
   const _hoisted_1$A = ["aria-label"];
   const _hoisted_2$n = ["id"];
-  const __default__$I = { name: "ElDialogContent" };
+  const __default__$K = { name: "ElDialogContent" };
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+    ...__default__$K,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -26261,11 +26265,11 @@
   };
 
   const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$H = {
+  const __default__$J = {
     name: "ElDialog"
   };
   const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+    ...__default__$J,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -26423,11 +26427,11 @@
     }
   });
 
-  const __default__$G = {
+  const __default__$I = {
     name: "ElDivider"
   };
   const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+    ...__default__$I,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -26518,7 +26522,7 @@
   const _hoisted_2$m = ["id"];
   const _hoisted_3$a = ["aria-label"];
   const _hoisted_4$7 = ["id"];
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$s(_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");
@@ -26630,26 +26634,26 @@
       }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
     ], 8, ["disabled"]);
   }
-  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$u], ["__file", "drawer.vue"]]);
+  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$s], ["__file", "drawer.vue"]]);
 
   const ElDrawer = withInstall(Drawer);
 
   const _sfc_main$19 = {
     inheritAttrs: false
   };
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$t], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$r], ["__file", "collection.vue"]]);
 
   const _sfc_main$18 = {
     name: "ElCollectionItem",
     inheritAttrs: false
   };
-  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$s], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$q], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -26876,10 +26880,10 @@
       });
     }
   });
-  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$r], ["__file", "roving-focus-group-impl.vue"]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$p], ["__file", "roving-focus-group-impl.vue"]]);
 
   const _sfc_main$16 = vue.defineComponent({
     name: "ElRovingFocusGroup",
@@ -26888,7 +26892,7 @@
       ElRovingFocusGroupImpl
     }
   });
-  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_roving_focus_group_impl = vue.resolveComponent("el-roving-focus-group-impl");
     const _component_el_focus_group_collection = vue.resolveComponent("el-focus-group-collection");
     return vue.openBlock(), vue.createBlock(_component_el_focus_group_collection, null, {
@@ -26903,7 +26907,7 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$q], ["__file", "roving-focus-group.vue"]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$o], ["__file", "roving-focus-group.vue"]]);
 
   const _sfc_main$15 = vue.defineComponent({
     components: {
@@ -26990,7 +26994,7 @@
       };
     }
   });
-  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_roving_focus_collection_item = vue.resolveComponent("el-roving-focus-collection-item");
     return vue.openBlock(), vue.createBlock(_component_el_roving_focus_collection_item, {
       id: _ctx.id,
@@ -27003,7 +27007,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$p], ["__file", "roving-focus-item.vue"]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$n], ["__file", "roving-focus-item.vue"]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -27226,7 +27230,7 @@
       };
     }
   });
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_dropdown_collection = vue.resolveComponent("el-dropdown-collection");
     const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
@@ -27357,7 +27361,7 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$o], ["__file", "dropdown.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$m], ["__file", "dropdown.vue"]]);
 
   const _sfc_main$13 = vue.defineComponent({
     name: "DropdownItemImpl",
@@ -27411,7 +27415,7 @@
     }
   });
   const _hoisted_1$x = ["aria-disabled", "tabindex", "role"];
-  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       _ctx.divided ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -27441,7 +27445,7 @@
       ], 16, _hoisted_1$x)
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$n], ["__file", "dropdown-item-impl.vue"]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$l], ["__file", "dropdown-item-impl.vue"]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -27517,7 +27521,7 @@
       };
     }
   });
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_el_dropdown_item_impl = vue.resolveComponent("el-dropdown-item-impl");
     const _component_el_roving_focus_item = vue.resolveComponent("el-roving-focus-item");
@@ -27548,7 +27552,7 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$m], ["__file", "dropdown-item.vue"]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$k], ["__file", "dropdown-item.vue"]]);
 
   const _sfc_main$11 = vue.defineComponent({
     name: "ElDropdownMenu",
@@ -27614,7 +27618,7 @@
     }
   });
   const _hoisted_1$w = ["role", "aria-labelledby"];
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -27630,7 +27634,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 46, _hoisted_1$w);
   }
-  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$l], ["__file", "dropdown-menu.vue"]]);
+  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$j], ["__file", "dropdown-menu.vue"]]);
 
   const ElDropdown = withInstall(Dropdown, {
     DropdownItem,
@@ -27696,7 +27700,7 @@
   const _hoisted_21 = ["fill", "xlink:href"];
   const _hoisted_22 = ["fill", "mask"];
   const _hoisted_23 = ["fill"];
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
@@ -27815,7 +27819,7 @@
       ])
     ]);
   }
-  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$k], ["__file", "img-empty.vue"]]);
+  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$i], ["__file", "img-empty.vue"]]);
 
   const emptyProps = {
     image: {
@@ -27831,11 +27835,11 @@
 
   const _hoisted_1$u = ["src"];
   const _hoisted_2$k = { key: 1 };
-  const __default__$F = {
+  const __default__$H = {
     name: "ElEmpty"
   };
   const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+    ...__default__$H,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -27961,11 +27965,11 @@
     return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
   };
 
-  const __default__$E = {
+  const __default__$G = {
     name: "ElForm"
   };
   const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+    ...__default__$G,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -29232,11 +29236,11 @@
   });
 
   const _hoisted_1$t = ["role", "aria-labelledby"];
-  const __default__$D = {
+  const __default__$F = {
     name: "ElFormItem"
   };
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+    ...__default__$F,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -29559,11 +29563,11 @@
   };
 
   const _hoisted_1$s = ["src"];
-  const __default__$C = {
+  const __default__$E = {
     name: "ElImageViewer"
   };
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+    ...__default__$E,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { emit }) {
@@ -30002,12 +30006,12 @@
 
   const _hoisted_1$r = ["src", "loading"];
   const _hoisted_2$j = { key: 0 };
-  const __default__$B = {
+  const __default__$D = {
     name: "ElImage",
     inheritAttrs: false
   };
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+    ...__default__$D,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -30262,11 +30266,11 @@
 
   const _hoisted_1$q = ["aria-label", "onKeydown"];
   const _hoisted_2$i = ["aria-label", "onKeydown"];
-  const __default__$A = {
+  const __default__$C = {
     name: "ElInputNumber"
   };
   const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+    ...__default__$C,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -30559,11 +30563,11 @@
   };
 
   const _hoisted_1$p = ["href"];
-  const __default__$z = {
+  const __default__$B = {
     name: "ElLink"
   };
   const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+    ...__default__$B,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -30770,7 +30774,7 @@
       };
     }
   });
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ mode: "out-in" }, _ctx.listeners), {
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "default")
@@ -30778,7 +30782,7 @@
       _: 3
     }, 16);
   }
-  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$j], ["__file", "menu-collapse-transition.vue"]]);
+  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$h], ["__file", "menu-collapse-transition.vue"]]);
 
   function useMenu(instance, currentIndex) {
     const indexPath = vue.computed(() => {
@@ -31433,7 +31437,7 @@
       };
     }
   });
-  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
@@ -31469,7 +31473,7 @@
       ], 64))
     ], 2);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$i], ["__file", "menu-item.vue"]]);
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$g], ["__file", "menu-item.vue"]]);
 
   const menuItemGroupProps = {
     title: String
@@ -31486,7 +31490,7 @@
       };
     }
   });
-  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -31502,7 +31506,7 @@
       ])
     ], 2);
   }
-  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$h], ["__file", "menu-item-group.vue"]]);
+  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$f], ["__file", "menu-item-group.vue"]]);
 
   const ElMenu = withInstall(Menu, {
     MenuItem,
@@ -31528,11 +31532,11 @@
     back: () => true
   };
 
-  const __default__$y = {
+  const __default__$A = {
     name: "ElPageHeader"
   };
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+    ...__default__$A,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -31601,11 +31605,11 @@
 
   const _hoisted_1$o = ["disabled", "aria-disabled"];
   const _hoisted_2$h = { key: 0 };
-  const __default__$x = {
+  const __default__$z = {
     name: "ElPaginationPrev"
   };
   const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+    ...__default__$z,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -31648,11 +31652,11 @@
 
   const _hoisted_1$n = ["disabled", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
-  const __default__$w = {
+  const __default__$y = {
     name: "ElPaginationNext"
   };
   const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+    ...__default__$y,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -31831,7 +31835,7 @@
       };
     }
   });
-  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
         _ctx.ns.be("dropdown", "item"),
@@ -31851,7 +31855,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$g], ["__file", "option.vue"]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$e], ["__file", "option.vue"]]);
 
   const _sfc_main$N = vue.defineComponent({
     name: "ElSelectDropdown",
@@ -31880,7 +31884,7 @@
       };
     }
   });
-  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
       style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -31888,7 +31892,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$f], ["__file", "select-dropdown.vue"]]);
+  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$d], ["__file", "select-dropdown.vue"]]);
 
   function useSelectStates(props) {
     const { t } = useLocale();
@@ -32865,7 +32869,7 @@
   const _hoisted_1$m = { class: "select-trigger" };
   const _hoisted_2$f = ["disabled", "autocomplete"];
   const _hoisted_3$8 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
-  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -33167,7 +33171,7 @@
       [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$e], ["__file", "select.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$c], ["__file", "select.vue"]]);
 
   const _sfc_main$L = vue.defineComponent({
     name: "ElOptionGroup",
@@ -33215,7 +33219,7 @@
       };
     }
   });
-  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
       class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
     }, [
@@ -33233,7 +33237,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$d], ["__file", "option-group.vue"]]);
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$b], ["__file", "option-group.vue"]]);
 
   const ElSelect = withInstall(Select$1, {
     Option,
@@ -33263,11 +33267,11 @@
     }
   });
 
-  const __default__$v = {
+  const __default__$x = {
     name: "ElPaginationSizes"
   };
   const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+    ...__default__$x,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -33324,11 +33328,11 @@
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "sizes.vue"]]);
 
   const _hoisted_1$l = ["disabled"];
-  const __default__$u = {
+  const __default__$w = {
     name: "ElPaginationJumper"
   };
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+    ...__default__$w,
     setup(__props) {
       const { t } = useLocale();
       const ns = useNamespace("pagination");
@@ -33378,11 +33382,11 @@
   });
 
   const _hoisted_1$k = ["disabled"];
-  const __default__$t = {
+  const __default__$v = {
     name: "ElPaginationTotal"
   };
   const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+    ...__default__$v,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -33422,11 +33426,11 @@
   const _hoisted_4$5 = ["aria-current", "tabindex"];
   const _hoisted_5$4 = ["tabindex"];
   const _hoisted_6$1 = ["aria-current", "tabindex"];
-  const __default__$s = {
+  const __default__$u = {
     name: "ElPaginationPager"
   };
   const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+    ...__default__$u,
     props: paginationPagerProps,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -33904,11 +33908,11 @@
     persistent: useTooltipContentProps.persistent
   });
 
-  const __default__$r = {
+  const __default__$t = {
     name: "ElPopconfirm"
   };
   const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+    ...__default__$t,
     props: popconfirmProps,
     setup(__props) {
       const props = __props;
@@ -34063,11 +34067,11 @@
     "after-leave": () => true
   };
 
-  const __default__$q = {
+  const __default__$s = {
     name: "ElPopover"
   };
   const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+    ...__default__$s,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -34249,11 +34253,11 @@
   const _hoisted_3$6 = ["d", "stroke", "stroke-width"];
   const _hoisted_4$4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
   const _hoisted_5$3 = { key: 0 };
-  const __default__$p = {
+  const __default__$r = {
     name: "ElProgress"
   };
   const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+    ...__default__$r,
     props: progressProps,
     setup(__props) {
       const props = __props;
@@ -34533,11 +34537,11 @@
 
   const _hoisted_1$h = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
   const _hoisted_2$c = ["onMousemove", "onClick"];
-  const __default__$o = {
+  const __default__$q = {
     name: "ElRate"
   };
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+    ...__default__$q,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -34797,11 +34801,11 @@
     }
   });
 
-  const __default__$n = {
+  const __default__$p = {
     name: "ElResult"
   };
   const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+    ...__default__$p,
     props: resultProps,
     setup(__props) {
       const props = __props;
@@ -34889,11 +34893,11 @@
     }
   });
 
-  const __default__$m = {
+  const __default__$o = {
     name: "ElRow"
   };
   const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+    ...__default__$o,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -36737,7 +36741,7 @@
       };
     }
   });
-  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.item.isTitle ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
@@ -36753,7 +36757,7 @@
       }, null, 6)
     ], 6));
   }
-  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$c], ["__file", "group-item.vue"]]);
+  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$a], ["__file", "group-item.vue"]]);
 
   function useOption(props, { emit }) {
     return {
@@ -36884,7 +36888,7 @@
     }
   });
   const _hoisted_1$g = ["aria-selected"];
-  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       "aria-selected": _ctx.selected,
       style: vue.normalizeStyle(_ctx.style),
@@ -36907,7 +36911,7 @@
       ])
     ], 46, _hoisted_1$g);
   }
-  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$b], ["__file", "option-item.vue"]]);
+  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$9], ["__file", "option-item.vue"]]);
 
   const selectV2InjectionKey = "ElSelectV2Injection";
 
@@ -37912,7 +37916,7 @@
   const _hoisted_3$5 = ["textContent"];
   const _hoisted_4$3 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
   const _hoisted_5$2 = ["textContent"];
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -38254,7 +38258,7 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$a], ["__file", "select.vue"]]);
+  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$8], ["__file", "select.vue"]]);
 
   Select.install = (app) => {
     app.component(Select.name, Select);
@@ -38302,11 +38306,11 @@
     }
   });
 
-  const __default__$l = {
+  const __default__$n = {
     name: "ElSkeletonItem"
   };
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+    ...__default__$n,
     props: skeletonItemProps,
     setup(__props) {
       const ns = useNamespace("skeleton");
@@ -38321,11 +38325,11 @@
   });
   var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "skeleton-item.vue"]]);
 
-  const __default__$k = {
+  const __default__$m = {
     name: "ElSkeleton"
   };
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+    ...__default__$m,
     props: skeletonProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -38953,11 +38957,11 @@
     [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
   };
 
-  const __default__$j = {
+  const __default__$l = {
     name: "ElSliderButton"
   };
   const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+    ...__default__$l,
     props: sliderButtonProps,
     emits: sliderButtonEmits,
     setup(__props, { expose, emit }) {
@@ -39062,11 +39066,11 @@
 
   const _hoisted_1$e = ["id", "role", "aria-label", "aria-labelledby"];
   const _hoisted_2$a = { key: 1 };
-  const __default__$i = {
+  const __default__$k = {
     name: "ElSlider"
   };
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+    ...__default__$k,
     props: sliderProps,
     emits: sliderEmits,
     setup(__props, { expose, emit }) {
@@ -39495,11 +39499,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$h = {
+  const __default__$j = {
     name: "ElSteps"
   };
   const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+    ...__default__$j,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -39545,11 +39549,11 @@
     }
   });
 
-  const __default__$g = {
+  const __default__$i = {
     name: "ElStep"
   };
   const _sfc_main$s = vue.defineComponent({
-    ...__default__$g,
+    ...__default__$i,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -39822,11 +39826,11 @@
   const _hoisted_4$2 = ["aria-hidden"];
   const _hoisted_5$1 = ["aria-hidden"];
   const _hoisted_6 = ["aria-hidden"];
-  const __default__$f = {
+  const __default__$h = {
     name: "ElSwitch"
   };
   const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+    ...__default__$h,
     props: switchProps,
     emits: switchEmits,
     setup(__props, { expose, emit }) {
@@ -41837,7 +41841,7 @@
   const _hoisted_1$c = { key: 0 };
   const _hoisted_2$8 = ["disabled"];
   const _hoisted_3$3 = ["label", "onClick"];
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
@@ -41951,7 +41955,7 @@
       _: 1
     }, 8, ["visible", "placement", "popper-class"]);
   }
-  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$9], ["__file", "filter-panel.vue"]]);
+  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$7], ["__file", "filter-panel.vue"]]);
 
   function useLayoutObserver(root) {
     const instance = vue.getCurrentInstance();
@@ -43763,7 +43767,7 @@
     ref: "hiddenColumns",
     class: "hidden-columns"
   };
-  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_hColgroup = vue.resolveComponent("hColgroup");
     const _component_table_header = vue.resolveComponent("table-header");
     const _component_table_body = vue.resolveComponent("table-body");
@@ -43929,7 +43933,7 @@
       ])
     ], 46, _hoisted_1$b);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$8], ["__file", "table.vue"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$6], ["__file", "table.vue"]]);
 
   const defaultClassNames = {
     selection: "table-column--selection",
@@ -46602,11 +46606,11 @@
     }
   });
 
-  const __default__$e = {
+  const __default__$g = {
     name: "ElTabBar"
   };
   const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+    ...__default__$g,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47082,11 +47086,11 @@
   });
 
   const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$d = {
+  const __default__$f = {
     name: "ElTabPane"
   };
   const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+    ...__default__$f,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -47247,11 +47251,11 @@
     return formatTime(next);
   };
 
-  const __default__$c = {
+  const __default__$e = {
     name: "ElTimeSelect"
   };
   const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+    ...__default__$e,
     props: timeSelectProps,
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(__props, { expose }) {
@@ -47414,11 +47418,11 @@
     }
   });
 
-  const __default__$b = {
+  const __default__$d = {
     name: "ElTimelineItem"
   };
   const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+    ...__default__$d,
     props: timelineItemProps,
     setup(__props) {
       const ns = useNamespace("timeline-item");
@@ -47617,11 +47621,11 @@
     }
   });
 
-  const __default__$a = {
+  const __default__$c = {
     name: "ElTooltipV2Root"
   };
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+    ...__default__$c,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47690,11 +47694,11 @@
   });
   var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-  const __default__$9 = {
+  const __default__$b = {
     name: "ElTooltipV2Arrow"
   };
   const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+    ...__default__$b,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -47733,11 +47737,11 @@
     }
   });
 
-  const __default__$8 = {
+  const __default__$a = {
     name: "ElVisuallyHidden"
   };
   const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+    ...__default__$a,
     props: visualHiddenProps,
     setup(__props) {
       const props = __props;
@@ -47768,11 +47772,11 @@
   var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
 
   const _hoisted_1$9 = ["data-side"];
-  const __default__$7 = {
+  const __default__$9 = {
     name: "ElTooltipV2Content"
   };
   const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+    ...__default__$9,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
       const props = __props;
@@ -47900,11 +47904,11 @@
     }
   });
 
-  const __default__$6 = {
+  const __default__$8 = {
     name: "ElTooltipV2Trigger"
   };
   const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+    ...__default__$8,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -47983,11 +47987,11 @@
   });
   var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-  const __default__$5 = {
+  const __default__$7 = {
     name: "ElTooltipV2"
   };
   const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+    ...__default__$7,
     props: tooltipV2Props,
     setup(__props) {
       const props = __props;
@@ -48050,41 +48054,110 @@
 
   const ElTooltipV2 = withInstall(TooltipV2);
 
-  const CHECKED_CHANGE_EVENT = "checked-change";
-  const useCheckProps = {
+  const LEFT_CHECK_CHANGE_EVENT = "left-check-change";
+  const RIGHT_CHECK_CHANGE_EVENT = "right-check-change";
+  const transferProps = buildProps({
     data: {
-      type: Array,
-      default() {
-        return [];
-      }
+      type: definePropType(Array),
+      default: () => []
+    },
+    titles: {
+      type: definePropType(Array),
+      default: () => []
+    },
+    buttonTexts: {
+      type: definePropType(Array),
+      default: () => []
+    },
+    filterPlaceholder: String,
+    filterMethod: {
+      type: definePropType(Function)
+    },
+    leftDefaultChecked: {
+      type: definePropType(Array),
+      default: () => []
+    },
+    rightDefaultChecked: {
+      type: definePropType(Array),
+      default: () => []
+    },
+    renderContent: {
+      type: definePropType(Function)
+    },
+    modelValue: {
+      type: definePropType(Array),
+      default: () => []
+    },
+    format: {
+      type: definePropType(Object),
+      default: () => ({})
+    },
+    filterable: Boolean,
+    props: {
+      type: definePropType(Object),
+      default: () => mutable({
+        label: "label",
+        key: "key",
+        disabled: "disabled"
+      })
+    },
+    targetOrder: {
+      type: String,
+      values: ["original", "push", "unshift"],
+      default: "original"
+    }
+  });
+  const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(isArray) || isArray(value) && isNil(movedKeys);
+  const transferEmits = {
+    [CHANGE_EVENT]: (value, direction, movedKeys) => [value, movedKeys].every(isArray) && ["left", "right"].includes(direction),
+    [UPDATE_MODEL_EVENT]: (value) => isArray(value),
+    [LEFT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
+    [RIGHT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn
+  };
+
+  const CHECKED_CHANGE_EVENT = "checked-change";
+  const transferPanelProps = buildProps({
+    data: transferProps.data,
+    optionRender: {
+      type: definePropType(Function)
     },
-    optionRender: Function,
     placeholder: String,
     title: String,
     filterable: Boolean,
-    format: Object,
-    filterMethod: Function,
-    defaultChecked: Array,
-    props: Object
+    format: transferProps.format,
+    filterMethod: transferProps.filterMethod,
+    defaultChecked: transferProps.leftDefaultChecked,
+    props: transferProps.props
+  });
+  const transferPanelEmits = {
+    [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn
   };
-  const useCheck$1 = (props, panelState) => {
-    const { emit } = vue.getCurrentInstance();
-    const labelProp = vue.computed(() => props.props.label || "label");
-    const keyProp = vue.computed(() => props.props.key || "key");
-    const disabledProp = vue.computed(() => props.props.disabled || "disabled");
+
+  const usePropsAlias = (props) => {
+    const initProps = {
+      label: "label",
+      key: "key",
+      disabled: "disabled"
+    };
+    return vue.computed(() => ({
+      ...initProps,
+      ...props.props
+    }));
+  };
+
+  const useCheck$1 = (props, panelState, emit) => {
+    const propsAlias = usePropsAlias(props);
     const filteredData = vue.computed(() => {
       return props.data.filter((item) => {
-        if (typeof props.filterMethod === "function") {
+        if (isFunction(props.filterMethod)) {
           return props.filterMethod(panelState.query, item);
         } else {
-          const label = item[labelProp.value] || item[keyProp.value].toString();
+          const label = String(item[propsAlias.value.label] || item[propsAlias.value.key]);
           return label.toLowerCase().includes(panelState.query.toLowerCase());
         }
       });
     });
-    const checkableData = vue.computed(() => {
-      return filteredData.value.filter((item) => !item[disabledProp.value]);
-    });
+    const checkableData = vue.computed(() => filteredData.value.filter((item) => !item[propsAlias.value.disabled]));
     const checkedSummary = vue.computed(() => {
       const checkedLength = panelState.checked.length;
       const dataLength = props.data.length;
@@ -48100,11 +48173,11 @@
       return checkedLength > 0 && checkedLength < checkableData.value.length;
     });
     const updateAllChecked = () => {
-      const checkableDataKeys = checkableData.value.map((item) => item[keyProp.value]);
+      const checkableDataKeys = checkableData.value.map((item) => item[propsAlias.value.key]);
       panelState.allChecked = checkableDataKeys.length > 0 && checkableDataKeys.every((item) => panelState.checked.includes(item));
     };
     const handleAllCheckedChange = (value) => {
-      panelState.checked = value ? checkableData.value.map((item) => item[keyProp.value]) : [];
+      panelState.checked = value ? checkableData.value.map((item) => item[propsAlias.value.key]) : [];
     };
     vue.watch(() => panelState.checked, (val, oldVal) => {
       updateAllChecked();
@@ -48121,7 +48194,7 @@
     });
     vue.watch(() => props.data, () => {
       const checked = [];
-      const filteredDataKeys = filteredData.value.map((item) => item[keyProp.value]);
+      const filteredDataKeys = filteredData.value.map((item) => item[propsAlias.value.key]);
       panelState.checked.forEach((item) => {
         if (filteredDataKeys.includes(item)) {
           checked.push(item);
@@ -48134,7 +48207,7 @@
       if (oldVal && val.length === oldVal.length && val.every((item) => oldVal.includes(item)))
         return;
       const checked = [];
-      const checkableDataKeys = checkableData.value.map((item) => item[keyProp.value]);
+      const checkableDataKeys = checkableData.value.map((item) => item[propsAlias.value.key]);
       val.forEach((item) => {
         if (checkableDataKeys.includes(item)) {
           checked.push(item);
@@ -48146,9 +48219,6 @@
       immediate: true
     });
     return {
-      labelProp,
-      keyProp,
-      disabledProp,
       filteredData,
       checkableData,
       checkedSummary,
@@ -48158,153 +48228,32 @@
     };
   };
 
-  const _sfc_main$e = vue.defineComponent({
-    name: "ElTransferPanel",
-    components: {
-      ElCheckboxGroup: ElCheckboxGroup$1,
-      ElCheckbox,
-      ElInput,
-      OptionContent: ({ option }) => option
-    },
-    props: useCheckProps,
-    emits: [CHECKED_CHANGE_EVENT],
-    setup(props, { slots }) {
-      const { t } = useLocale();
-      const ns = useNamespace("transfer");
-      const panelState = vue.reactive({
-        checked: [],
-        allChecked: false,
-        query: "",
-        inputHover: false,
-        checkChangeByUser: true
-      });
-      const {
-        labelProp,
-        keyProp,
-        disabledProp,
-        filteredData,
-        checkedSummary,
-        isIndeterminate,
-        handleAllCheckedChange
-      } = useCheck$1(props, panelState);
-      const hasNoMatch = vue.computed(() => {
-        return panelState.query.length > 0 && filteredData.value.length === 0;
-      });
-      const hasFooter = vue.computed(() => !!slots.default()[0].children.length);
-      const { checked, allChecked, query, inputHover, checkChangeByUser } = vue.toRefs(panelState);
-      return {
-        ns,
-        labelProp,
-        keyProp,
-        disabledProp,
-        filteredData,
-        checkedSummary,
-        isIndeterminate,
-        handleAllCheckedChange,
-        checked,
-        allChecked,
-        query,
-        inputHover,
-        checkChangeByUser,
-        hasNoMatch,
-        SearchIcon: search_default,
-        hasFooter,
-        t
-      };
-    }
-  });
-  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_checkbox = vue.resolveComponent("el-checkbox");
-    const _component_el_input = vue.resolveComponent("el-input");
-    const _component_option_content = vue.resolveComponent("option-content");
-    const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(_ctx.ns.b("panel"))
-    }, [
-      vue.createElementVNode("p", {
-        class: vue.normalizeClass(_ctx.ns.be("panel", "header"))
-      }, [
-        vue.createVNode(_component_el_checkbox, {
-          modelValue: _ctx.allChecked,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.allChecked = $event),
-          indeterminate: _ctx.isIndeterminate,
-          onChange: _ctx.handleAllCheckedChange
-        }, {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
-            vue.createElementVNode("span", null, vue.toDisplayString(_ctx.checkedSummary), 1)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "indeterminate", "onChange"])
-      ], 2),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass([_ctx.ns.be("panel", "body"), _ctx.ns.is("with-footer", _ctx.hasFooter)])
-      }, [
-        _ctx.filterable ? (vue.openBlock(), vue.createBlock(_component_el_input, {
-          key: 0,
-          modelValue: _ctx.query,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.query = $event),
-          class: vue.normalizeClass(_ctx.ns.be("panel", "filter")),
-          size: "default",
-          placeholder: _ctx.placeholder,
-          "prefix-icon": _ctx.SearchIcon,
-          clearable: "",
-          onMouseenter: _cache[2] || (_cache[2] = ($event) => _ctx.inputHover = true),
-          onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.inputHover = false)
-        }, null, 8, ["modelValue", "class", "placeholder", "prefix-icon"])) : vue.createCommentVNode("v-if", true),
-        vue.withDirectives(vue.createVNode(_component_el_checkbox_group, {
-          modelValue: _ctx.checked,
-          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.checked = $event),
-          class: vue.normalizeClass([_ctx.ns.is("filterable", _ctx.filterable), _ctx.ns.be("panel", "list")])
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.filteredData, (item) => {
-              return vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-                key: item[_ctx.keyProp],
-                class: vue.normalizeClass(_ctx.ns.be("panel", "item")),
-                label: item[_ctx.keyProp],
-                disabled: item[_ctx.disabledProp]
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_option_content, {
-                    option: _ctx.optionRender(item)
-                  }, null, 8, ["option"])
-                ]),
-                _: 2
-              }, 1032, ["class", "label", "disabled"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["modelValue", "class"]), [
-          [vue.vShow, !_ctx.hasNoMatch && _ctx.data.length > 0]
-        ]),
-        vue.withDirectives(vue.createElementVNode("p", {
-          class: vue.normalizeClass(_ctx.ns.be("panel", "empty"))
-        }, vue.toDisplayString(_ctx.hasNoMatch ? _ctx.t("el.transfer.noMatch") : _ctx.t("el.transfer.noData")), 3), [
-          [vue.vShow, _ctx.hasNoMatch || _ctx.data.length === 0]
-        ])
-      ], 2),
-      _ctx.hasFooter ? (vue.openBlock(), vue.createElementBlock("p", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.ns.be("panel", "footer"))
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2)) : vue.createCommentVNode("v-if", true)
-    ], 2);
-  }
-  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$7], ["__file", "transfer-panel.vue"]]);
+  const useCheckedChange = (checkedState, emit) => {
+    const onSourceCheckedChange = (val, movedKeys) => {
+      checkedState.leftChecked = val;
+      if (!movedKeys)
+        return;
+      emit(LEFT_CHECK_CHANGE_EVENT, val, movedKeys);
+    };
+    const onTargetCheckedChange = (val, movedKeys) => {
+      checkedState.rightChecked = val;
+      if (!movedKeys)
+        return;
+      emit(RIGHT_CHECK_CHANGE_EVENT, val, movedKeys);
+    };
+    return {
+      onSourceCheckedChange,
+      onTargetCheckedChange
+    };
+  };
 
   const useComputedData = (props) => {
-    const propsKey = vue.computed(() => props.props.key);
-    const dataObj = vue.computed(() => {
-      return props.data.reduce((o, cur) => (o[cur[propsKey.value]] = cur) && o, {});
-    });
-    const sourceData = vue.computed(() => {
-      return props.data.filter((item) => !props.modelValue.includes(item[propsKey.value]));
-    });
+    const propsAlias = usePropsAlias(props);
+    const dataObj = vue.computed(() => props.data.reduce((o, cur) => (o[cur[propsAlias.value.key]] = cur) && o, {}));
+    const sourceData = vue.computed(() => props.data.filter((item) => !props.modelValue.includes(item[propsAlias.value.key])));
     const targetData = vue.computed(() => {
       if (props.targetOrder === "original") {
-        return props.data.filter((item) => props.modelValue.includes(item[propsKey.value]));
+        return props.data.filter((item) => props.modelValue.includes(item[propsAlias.value.key]));
       } else {
         return props.modelValue.reduce((arr, cur) => {
           const val = dataObj.value[cur];
@@ -48316,37 +48265,16 @@
       }
     });
     return {
-      propsKey,
       sourceData,
       targetData
     };
   };
 
-  const LEFT_CHECK_CHANGE_EVENT = "left-check-change";
-  const RIGHT_CHECK_CHANGE_EVENT = "right-check-change";
-  const useCheckedChange = (checkedState, emit) => {
-    const onSourceCheckedChange = (val, movedKeys) => {
-      checkedState.leftChecked = val;
-      if (movedKeys === void 0)
-        return;
-      emit(LEFT_CHECK_CHANGE_EVENT, val, movedKeys);
-    };
-    const onTargetCheckedChange = (val, movedKeys) => {
-      checkedState.rightChecked = val;
-      if (movedKeys === void 0)
-        return;
-      emit(RIGHT_CHECK_CHANGE_EVENT, val, movedKeys);
-    };
-    return {
-      onSourceCheckedChange,
-      onTargetCheckedChange
-    };
-  };
-
-  const useMove = (props, checkedState, propsKey, emit) => {
-    const _emit = (value, type, checked) => {
+  const useMove = (props, checkedState, emit) => {
+    const propsAlias = usePropsAlias(props);
+    const _emit = (value, direction, movedKeys) => {
       emit(UPDATE_MODEL_EVENT, value);
-      emit(CHANGE_EVENT, value, type, checked);
+      emit(CHANGE_EVENT, value, direction, movedKeys);
     };
     const addToLeft = () => {
       const currentValue = props.modelValue.slice();
@@ -48361,12 +48289,12 @@
     const addToRight = () => {
       let currentValue = props.modelValue.slice();
       const itemsToBeMoved = props.data.filter((item) => {
-        const itemKey = item[propsKey.value];
+        const itemKey = item[propsAlias.value.key];
         return checkedState.leftChecked.includes(itemKey) && !props.modelValue.includes(itemKey);
-      }).map((item) => item[propsKey.value]);
+      }).map((item) => item[propsAlias.value.key]);
       currentValue = props.targetOrder === "unshift" ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
       if (props.targetOrder === "original") {
-        currentValue = props.data.filter((item) => currentValue.includes(item[propsKey.value])).map((item) => item[propsKey.value]);
+        currentValue = props.data.filter((item) => currentValue.includes(item[propsAlias.value.key])).map((item) => item[propsAlias.value.key]);
       }
       _emit(currentValue, "right", checkedState.leftChecked);
     };
@@ -48376,87 +48304,144 @@
     };
   };
 
-  const _sfc_main$d = vue.defineComponent({
-    name: "ElTransfer",
-    components: {
-      TransferPanel,
-      ElButton,
-      ElIcon,
-      ArrowLeft: arrow_left_default,
-      ArrowRight: arrow_right_default
-    },
-    props: {
-      data: {
-        type: Array,
-        default: () => []
-      },
-      titles: {
-        type: Array,
-        default: () => []
-      },
-      buttonTexts: {
-        type: Array,
-        default: () => []
-      },
-      filterPlaceholder: {
-        type: String,
-        default: ""
-      },
-      filterMethod: Function,
-      leftDefaultChecked: {
-        type: Array,
-        default: () => []
-      },
-      rightDefaultChecked: {
-        type: Array,
-        default: () => []
-      },
-      renderContent: Function,
-      modelValue: {
-        type: Array,
-        default: () => []
-      },
-      format: {
-        type: Object,
-        default: () => ({})
-      },
-      filterable: {
-        type: Boolean,
-        default: false
-      },
-      props: {
-        type: Object,
-        default: () => ({
-          label: "label",
-          key: "key",
-          disabled: "disabled"
-        })
-      },
-      targetOrder: {
-        type: String,
-        default: "original",
-        validator: (val) => {
-          return ["original", "push", "unshift"].includes(val);
-        }
-      }
-    },
-    emits: [
-      UPDATE_MODEL_EVENT,
-      CHANGE_EVENT,
-      LEFT_CHECK_CHANGE_EVENT,
-      RIGHT_CHECK_CHANGE_EVENT
-    ],
-    setup(props, { emit, slots }) {
+  const __default__$6 = {
+    name: "ElTransferPanel"
+  };
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
+    props: transferPanelProps,
+    emits: transferPanelEmits,
+    setup(__props, { expose, emit }) {
+      const props = __props;
+      const slots = vue.useSlots();
+      const OptionContent = ({ option }) => option;
       const { t } = useLocale();
       const ns = useNamespace("transfer");
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const panelState = vue.reactive({
+        checked: [],
+        allChecked: false,
+        query: "",
+        inputHover: false,
+        checkChangeByUser: true
+      });
+      const propsAlias = usePropsAlias(props);
+      const {
+        filteredData,
+        checkedSummary,
+        isIndeterminate,
+        handleAllCheckedChange
+      } = useCheck$1(props, panelState, emit);
+      const hasNoMatch = vue.computed(() => !isEmpty(panelState.query) && isEmpty(filteredData.value));
+      const hasFooter = vue.computed(() => !isEmpty(slots.default()[0].children));
+      const { checked, allChecked, query, inputHover } = vue.toRefs(panelState);
+      expose({
+        query
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(ns).b("panel"))
+        }, [
+          vue.createElementVNode("p", {
+            class: vue.normalizeClass(vue.unref(ns).be("panel", "header"))
+          }, [
+            vue.createVNode(vue.unref(ElCheckbox), {
+              modelValue: vue.unref(allChecked),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(allChecked) ? allChecked.value = $event : null),
+              indeterminate: vue.unref(isIndeterminate),
+              onChange: vue.unref(handleAllCheckedChange)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
+                vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(checkedSummary)), 1)
+              ]),
+              _: 1
+            }, 8, ["modelValue", "indeterminate", "onChange"])
+          ], 2),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([vue.unref(ns).be("panel", "body"), vue.unref(ns).is("with-footer", vue.unref(hasFooter))])
+          }, [
+            _ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(ElInput), {
+              key: 0,
+              modelValue: vue.unref(query),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(query) ? query.value = $event : null),
+              class: vue.normalizeClass(vue.unref(ns).be("panel", "filter")),
+              size: "default",
+              placeholder: _ctx.placeholder,
+              "prefix-icon": vue.unref(search_default),
+              clearable: "",
+              onMouseenter: _cache[2] || (_cache[2] = ($event) => inputHover.value = true),
+              onMouseleave: _cache[3] || (_cache[3] = ($event) => inputHover.value = false)
+            }, null, 8, ["modelValue", "class", "placeholder", "prefix-icon"])) : vue.createCommentVNode("v-if", true),
+            vue.withDirectives(vue.createVNode(vue.unref(ElCheckboxGroup$1), {
+              modelValue: vue.unref(checked),
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(checked) ? checked.value = $event : null),
+              class: vue.normalizeClass([vue.unref(ns).is("filterable", _ctx.filterable), vue.unref(ns).be("panel", "list")])
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(filteredData), (item) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(ElCheckbox), {
+                    key: item[vue.unref(propsAlias).key],
+                    class: vue.normalizeClass(vue.unref(ns).be("panel", "item")),
+                    label: item[vue.unref(propsAlias).key],
+                    disabled: item[vue.unref(propsAlias).disabled]
+                  }, {
+                    default: vue.withCtx(() => {
+                      var _a;
+                      return [
+                        vue.createVNode(OptionContent, {
+                          option: (_a = _ctx.optionRender) == null ? void 0 : _a.call(_ctx, item)
+                        }, null, 8, ["option"])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["class", "label", "disabled"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "class"]), [
+              [vue.vShow, !vue.unref(hasNoMatch) && !vue.unref(isEmpty)(_ctx.data)]
+            ]),
+            vue.withDirectives(vue.createElementVNode("p", {
+              class: vue.normalizeClass(vue.unref(ns).be("panel", "empty"))
+            }, vue.toDisplayString(vue.unref(hasNoMatch) ? vue.unref(t)("el.transfer.noMatch") : vue.unref(t)("el.transfer.noData")), 3), [
+              [vue.vShow, vue.unref(hasNoMatch) || vue.unref(isEmpty)(_ctx.data)]
+            ])
+          ], 2),
+          vue.unref(hasFooter) ? (vue.openBlock(), vue.createElementBlock("p", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).be("panel", "footer"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 2)) : vue.createCommentVNode("v-if", true)
+        ], 2);
+      };
+    }
+  });
+  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "transfer-panel.vue"]]);
+
+  const _hoisted_1$8 = { key: 0 };
+  const _hoisted_2$6 = { key: 0 };
+  const __default__$5 = {
+    name: "ElTransfer"
+  };
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$5,
+    props: transferProps,
+    emits: transferEmits,
+    setup(__props, { expose, emit }) {
+      const props = __props;
+      const slots = vue.useSlots();
+      const { t } = useLocale();
+      const ns = useNamespace("transfer");
+      const { formItem } = useFormItem();
       const checkedState = vue.reactive({
         leftChecked: [],
         rightChecked: []
       });
-      const { propsKey, sourceData, targetData } = useComputedData(props);
+      const propsAlias = usePropsAlias(props);
+      const { sourceData, targetData } = useComputedData(props);
       const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(checkedState, emit);
-      const { addToLeft, addToRight } = useMove(props, checkedState, propsKey, emit);
+      const { addToLeft, addToRight } = useMove(props, checkedState, emit);
       const leftPanel = vue.ref();
       const rightPanel = vue.ref();
       const clearQuery = (which) => {
@@ -48475,129 +48460,107 @@
       const panelFilterPlaceholder = vue.computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
       vue.watch(() => props.modelValue, () => {
         var _a;
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
       });
       const optionRender = vue.computed(() => (option) => {
         if (props.renderContent)
           return props.renderContent(vue.h, option);
         if (slots.default)
           return slots.default({ option });
-        return vue.h("span", option[props.props.label] || option[props.props.key]);
+        return vue.h("span", option[propsAlias.value.label] || option[propsAlias.value.key]);
       });
-      return {
-        ns,
-        sourceData,
-        targetData,
-        onSourceCheckedChange,
-        onTargetCheckedChange,
-        addToLeft,
-        addToRight,
-        ...vue.toRefs(checkedState),
-        hasButtonTexts,
-        leftPanelTitle,
-        rightPanelTitle,
-        panelFilterPlaceholder,
+      expose({
         clearQuery,
         leftPanel,
-        rightPanel,
-        optionRender
-      };
-    }
-  });
-  const _hoisted_1$8 = { key: 0 };
-  const _hoisted_2$6 = { key: 0 };
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_transfer_panel = vue.resolveComponent("transfer-panel");
-    const _component_arrow_left = vue.resolveComponent("arrow-left");
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_el_button = vue.resolveComponent("el-button");
-    const _component_arrow_right = vue.resolveComponent("arrow-right");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(_ctx.ns.b())
-    }, [
-      vue.createVNode(_component_transfer_panel, {
-        ref: "leftPanel",
-        data: _ctx.sourceData,
-        "option-render": _ctx.optionRender,
-        placeholder: _ctx.panelFilterPlaceholder,
-        title: _ctx.leftPanelTitle,
-        filterable: _ctx.filterable,
-        format: _ctx.format,
-        "filter-method": _ctx.filterMethod,
-        "default-checked": _ctx.leftDefaultChecked,
-        props: _ctx.props,
-        onCheckedChange: _ctx.onSourceCheckedChange
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "left-footer")
-        ]),
-        _: 3
-      }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "onCheckedChange"]),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("buttons"))
-      }, [
-        vue.createVNode(_component_el_button, {
-          type: "primary",
-          class: vue.normalizeClass([_ctx.ns.e("button"), _ctx.ns.is("with-texts", _ctx.hasButtonTexts)]),
-          disabled: _ctx.rightChecked.length === 0,
-          onClick: _ctx.addToLeft
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_icon, null, {
+        rightPanel
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(ns).b())
+        }, [
+          vue.createVNode(TransferPanel, {
+            ref_key: "leftPanel",
+            ref: leftPanel,
+            data: vue.unref(sourceData),
+            "option-render": vue.unref(optionRender),
+            placeholder: vue.unref(panelFilterPlaceholder),
+            title: vue.unref(leftPanelTitle),
+            filterable: _ctx.filterable,
+            format: _ctx.format,
+            "filter-method": _ctx.filterMethod,
+            "default-checked": _ctx.leftDefaultChecked,
+            props: props.props,
+            onCheckedChange: vue.unref(onSourceCheckedChange)
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "left-footer")
+            ]),
+            _: 3
+          }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "onCheckedChange"]),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("buttons"))
+          }, [
+            vue.createVNode(vue.unref(ElButton), {
+              type: "primary",
+              class: vue.normalizeClass([vue.unref(ns).e("button"), vue.unref(ns).is("with-texts", vue.unref(hasButtonTexts))]),
+              disabled: vue.unref(isEmpty)(checkedState.rightChecked),
+              onClick: vue.unref(addToLeft)
+            }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_arrow_left)
+                vue.createVNode(vue.unref(ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(arrow_left_default))
+                  ]),
+                  _: 1
+                }),
+                !vue.unref(isUndefined)(_ctx.buttonTexts[0]) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$8, vue.toDisplayString(_ctx.buttonTexts[0]), 1)) : vue.createCommentVNode("v-if", true)
               ]),
               _: 1
-            }),
-            _ctx.buttonTexts[0] !== void 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$8, vue.toDisplayString(_ctx.buttonTexts[0]), 1)) : vue.createCommentVNode("v-if", true)
-          ]),
-          _: 1
-        }, 8, ["class", "disabled", "onClick"]),
-        vue.createVNode(_component_el_button, {
-          type: "primary",
-          class: vue.normalizeClass([_ctx.ns.e("button"), _ctx.ns.is("with-texts", _ctx.hasButtonTexts)]),
-          disabled: _ctx.leftChecked.length === 0,
-          onClick: _ctx.addToRight
-        }, {
-          default: vue.withCtx(() => [
-            _ctx.buttonTexts[1] !== void 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$6, vue.toDisplayString(_ctx.buttonTexts[1]), 1)) : vue.createCommentVNode("v-if", true),
-            vue.createVNode(_component_el_icon, null, {
+            }, 8, ["class", "disabled", "onClick"]),
+            vue.createVNode(vue.unref(ElButton), {
+              type: "primary",
+              class: vue.normalizeClass([vue.unref(ns).e("button"), vue.unref(ns).is("with-texts", vue.unref(hasButtonTexts))]),
+              disabled: vue.unref(isEmpty)(checkedState.leftChecked),
+              onClick: vue.unref(addToRight)
+            }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_arrow_right)
+                !vue.unref(isUndefined)(_ctx.buttonTexts[1]) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$6, vue.toDisplayString(_ctx.buttonTexts[1]), 1)) : vue.createCommentVNode("v-if", true),
+                vue.createVNode(vue.unref(ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(arrow_right_default))
+                  ]),
+                  _: 1
+                })
               ]),
               _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["class", "disabled", "onClick"])
-      ], 2),
-      vue.createVNode(_component_transfer_panel, {
-        ref: "rightPanel",
-        data: _ctx.targetData,
-        "option-render": _ctx.optionRender,
-        placeholder: _ctx.panelFilterPlaceholder,
-        filterable: _ctx.filterable,
-        format: _ctx.format,
-        "filter-method": _ctx.filterMethod,
-        title: _ctx.rightPanelTitle,
-        "default-checked": _ctx.rightDefaultChecked,
-        props: _ctx.props,
-        onCheckedChange: _ctx.onTargetCheckedChange
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "right-footer")
-        ]),
-        _: 3
-      }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
-    ], 2);
-  }
-  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$6], ["__file", "index.vue"]]);
+            }, 8, ["class", "disabled", "onClick"])
+          ], 2),
+          vue.createVNode(TransferPanel, {
+            ref_key: "rightPanel",
+            ref: rightPanel,
+            data: vue.unref(targetData),
+            "option-render": vue.unref(optionRender),
+            placeholder: vue.unref(panelFilterPlaceholder),
+            filterable: _ctx.filterable,
+            format: _ctx.format,
+            "filter-method": _ctx.filterMethod,
+            title: vue.unref(rightPanelTitle),
+            "default-checked": _ctx.rightDefaultChecked,
+            props: props.props,
+            onCheckedChange: vue.unref(onTargetCheckedChange)
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "right-footer")
+            ]),
+            _: 3
+          }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
+        ], 2);
+      };
+    }
+  });
+  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "transfer.vue"]]);
 
-  Transfer.install = (app) => {
-    app.component(Transfer.name, Transfer);
-  };
-  const _Transfer = Transfer;
-  const ElTransfer = _Transfer;
+  const ElTransfer = withInstall(Transfer);
 
   const NODE_KEY = "$treeNodeId";
   const markNodeData = function(node, data) {
@@ -54086,11 +54049,13 @@
   exports.IconComponentMap = IconComponentMap;
   exports.IconMap = IconMap;
   exports.LAST_KEYS = LAST_KEYS;
+  exports.LEFT_CHECK_CHANGE_EVENT = LEFT_CHECK_CHANGE_EVENT;
   exports.Mousewheel = Mousewheel;
   exports.POPPER_CONTAINER_ID = POPPER_CONTAINER_ID;
   exports.POPPER_CONTAINER_SELECTOR = POPPER_CONTAINER_SELECTOR;
   exports.POPPER_CONTENT_INJECTION_KEY = POPPER_CONTENT_INJECTION_KEY;
   exports.POPPER_INJECTION_KEY = POPPER_INJECTION_KEY;
+  exports.RIGHT_CHECK_CHANGE_EVENT = RIGHT_CHECK_CHANGE_EVENT;
   exports.ROOT_PICKER_INJECTION_KEY = ROOT_PICKER_INJECTION_KEY;
   exports.RepeatClick = vRepeatClick;
   exports.Resize = Resize;
@@ -54269,6 +54234,9 @@
   exports.timelineItemProps = timelineItemProps;
   exports.tooltipV2ContentKey = tooltipV2ContentKey;
   exports.tooltipV2RootKey = tooltipV2RootKey;
+  exports.transferCheckedChangeFn = transferCheckedChangeFn;
+  exports.transferEmits = transferEmits;
+  exports.transferProps = transferProps;
   exports.translate = translate;
   exports.uploadBaseProps = uploadBaseProps;
   exports.uploadContentProps = uploadContentProps;