@element-plus/nightly 0.0.20220818 → 0.0.20220821

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220818 */
+/*! Element Plus v0.0.20220821 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw as toRaw$1, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
 
@@ -10972,7 +10972,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "0.0.20220818";
+const version$1 = "0.0.20220821";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11476,7 +11476,7 @@ const inputEmits = {
   compositionend: (evt) => evt instanceof CompositionEvent
 };
 
-const _hoisted_1$13 = ["role"];
+const _hoisted_1$14 = ["role"];
 const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
 const __default__$1n = {
@@ -11903,7 +11903,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
             class: normalizeClass(unref(nsInput).e("count"))
           }, toDisplayString(unref(textLength)) + " / " + toDisplayString(unref(attrs).maxlength), 7)) : createCommentVNode("v-if", true)
         ], 64))
-      ], 16, _hoisted_1$13)), [
+      ], 16, _hoisted_1$14)), [
         [vShow, _ctx.type !== "hidden"]
       ]);
     };
@@ -13687,7 +13687,7 @@ const _sfc_main$21 = defineComponent({
     };
   }
 });
-const _hoisted_1$12 = ["innerHTML"];
+const _hoisted_1$13 = ["innerHTML"];
 const _hoisted_2$F = { key: 1 };
 function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip_trigger = resolveComponent("el-tooltip-trigger");
@@ -13745,7 +13745,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rawContent ? (openBlock(), createElementBlock("span", {
               key: 0,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_1$12)) : (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(_ctx.content), 1))
+            }, null, 8, _hoisted_1$13)) : (openBlock(), createElementBlock("span", _hoisted_2$F, toDisplayString(_ctx.content), 1))
           ]),
           _ctx.compatShowArrow ? (openBlock(), createBlock(_component_el_popper_arrow, {
             key: 0,
@@ -13830,7 +13830,7 @@ const autocompleteEmits = {
   select: (item) => isObject$1(item)
 };
 
-const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
+const _hoisted_1$12 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$E = { key: 0 };
 const _hoisted_3$l = ["id", "aria-selected", "onClick"];
 const __default__$1h = {
@@ -14155,7 +14155,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
                 ])
               } : void 0
             ]), 1040, ["model-value", "onKeydown"])
-          ], 14, _hoisted_1$11)
+          ], 14, _hoisted_1$12)
         ]),
         _: 3
       }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -14196,7 +14196,7 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const _hoisted_1$10 = ["src", "alt", "srcset"];
+const _hoisted_1$11 = ["src", "alt", "srcset"];
 const __default__$1g = {
   name: "ElAvatar"
 };
@@ -14245,7 +14245,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
           srcset: _ctx.srcSet,
           style: normalizeStyle(unref(fitStyle)),
           onError: handleError
-        }, null, 44, _hoisted_1$10)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        }, null, 44, _hoisted_1$11)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
           ]),
@@ -14281,7 +14281,7 @@ const backtopEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$$ = ["onClick"];
+const _hoisted_1$10 = ["onClick"];
 const __default__$1f = {
   name: "ElBacktop"
 };
@@ -14361,7 +14361,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])
             ])
-          ], 14, _hoisted_1$$)) : createCommentVNode("v-if", true)
+          ], 14, _hoisted_1$10)) : createCommentVNode("v-if", true)
         ]),
         _: 3
       }, 8, ["name"]);
@@ -14390,7 +14390,7 @@ const badgeProps = buildProps({
   }
 });
 
-const _hoisted_1$_ = ["textContent"];
+const _hoisted_1$$ = ["textContent"];
 const __default__$1e = {
   name: "ElBadge"
 };
@@ -14429,7 +14429,7 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
                 unref(ns).is("dot", _ctx.isDot)
               ]),
               textContent: toDisplayString(unref(content))
-            }, null, 10, _hoisted_1$_), [
+            }, null, 10, _hoisted_1$$), [
               [vShow, !_ctx.hidden && (unref(content) || _ctx.isDot)]
             ])
           ]),
@@ -15531,7 +15531,7 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
+const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
 const __default__$1b = {
   name: "ElButton"
 };
@@ -15633,7 +15633,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true)
-      ], 14, _hoisted_1$Z);
+      ], 14, _hoisted_1$_);
     };
   }
 });
@@ -16298,7 +16298,7 @@ const timePickerDefaultProps = buildProps({
   unlinkPanels: Boolean
 });
 
-const _hoisted_1$Y = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const __default__$19 = {
   name: "Picker"
@@ -16850,7 +16850,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
               onChange: handleStartChange,
               onFocus: handleFocusInput,
               onBlur: handleBlurInput
-            }, null, 42, _hoisted_1$Y),
+            }, null, 42, _hoisted_1$Z),
             renderSlot(_ctx.$slots, "range-separator", {}, () => [
               createElementVNode("span", {
                 class: normalizeClass(unref(nsRange).b("separator"))
@@ -17211,7 +17211,7 @@ const basicTimeSpinnerProps = buildProps({
   ...disabledTimeListsProps
 });
 
-const _hoisted_1$X = ["onClick"];
+const _hoisted_1$Y = ["onClick"];
 const _hoisted_2$C = ["onMouseenter"];
 const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "basic-time-spinner",
@@ -17435,7 +17435,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
                   ], 64))
-                ], 10, _hoisted_1$X);
+                ], 10, _hoisted_1$Y);
               }), 128))
             ]),
             _: 2
@@ -17658,7 +17658,7 @@ const panelTimeRangeProps = buildProps({
   }
 });
 
-const _hoisted_1$W = ["disabled"];
+const _hoisted_1$X = ["disabled"];
 const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   __name: "panel-time-range",
   props: panelTimeRangeProps,
@@ -17919,7 +17919,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
             class: normalizeClass([unref(nsTime).be("panel", "btn"), "confirm"]),
             disabled: unref(btnConfirmDisabled),
             onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$W)
+          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$X)
         ], 2)
       ], 2)) : createCommentVNode("v-if", true);
     };
@@ -18006,7 +18006,7 @@ const dateTableEmits = {
   pick: (value) => isObject$1(value)
 };
 
-const _hoisted_1$V = { key: 0 };
+const _hoisted_1$W = { key: 0 };
 const _hoisted_2$B = ["onClick"];
 const __default__$18 = {
   name: "DateTable"
@@ -18112,7 +18112,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
         cellspacing: "0",
         cellpadding: "0"
       }, [
-        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$V, [
+        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$W, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekDays), (day) => {
             return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
           }), 128))
@@ -18495,7 +18495,7 @@ const carouselEmits = {
   change: (current, prev) => [current, prev].every(isNumber)
 };
 
-const _hoisted_1$U = ["onMouseenter", "onMouseleave"];
+const _hoisted_1$V = ["onMouseenter", "onMouseleave"];
 const _hoisted_2$A = ["onMouseenter", "onClick"];
 const _hoisted_3$k = { key: 0 };
 const __default__$15 = {
@@ -18805,7 +18805,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
             ], 42, _hoisted_2$A);
           }), 128))
         ], 2)) : createCommentVNode("v-if", true)
-      ], 42, _hoisted_1$U);
+      ], 42, _hoisted_1$V);
     };
   }
 });
@@ -19244,7 +19244,7 @@ const useCheckbox = (props, slots) => {
   };
 };
 
-const _hoisted_1$T = ["tabindex", "role", "aria-checked"];
+const _hoisted_1$U = ["tabindex", "role", "aria-checked"];
 const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
 const __default__$13 = {
@@ -19332,7 +19332,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass(unref(ns).e("inner"))
             }, null, 2)
-          ], 10, _hoisted_1$T),
+          ], 10, _hoisted_1$U),
           unref(hasOwnLabel) ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: normalizeClass(unref(ns).e("label"))
@@ -19350,7 +19350,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
 });
 var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox.vue"]]);
 
-const _hoisted_1$S = ["name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
 const __default__$12 = {
   name: "ElCheckboxButton"
@@ -19398,7 +19398,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
           onChange: _cache[1] || (_cache[1] = (...args) => unref(handleChange) && unref(handleChange)(...args)),
           onFocus: _cache[2] || (_cache[2] = ($event) => focus.value = true),
           onBlur: _cache[3] || (_cache[3] = ($event) => focus.value = false)
-        }, null, 42, _hoisted_1$S)), [
+        }, null, 42, _hoisted_1$T)), [
           [vModelCheckbox, unref(model)]
         ]) : withDirectives((openBlock(), createElementBlock("input", {
           key: 1,
@@ -19557,7 +19557,7 @@ const useRadio = (props, emit) => {
   };
 };
 
-const _hoisted_1$R = ["value", "name", "disabled"];
+const _hoisted_1$S = ["value", "name", "disabled"];
 const __default__$10 = {
   name: "ElRadio"
 };
@@ -19603,7 +19603,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
             onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
             onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
             onChange: handleChange
-          }, null, 42, _hoisted_1$R), [
+          }, null, 42, _hoisted_1$S), [
             [vModelRadio, unref(modelValue)]
           ]),
           createElementVNode("span", {
@@ -19633,7 +19633,7 @@ const radioButtonProps = buildProps({
   }
 });
 
-const _hoisted_1$Q = ["value", "name", "disabled"];
+const _hoisted_1$R = ["value", "name", "disabled"];
 const __default__$$ = {
   name: "ElRadioButton"
 };
@@ -19674,7 +19674,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           disabled: unref(disabled),
           onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
           onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false)
-        }, null, 42, _hoisted_1$Q), [
+        }, null, 42, _hoisted_1$R), [
           [vModelRadio, unref(modelValue)]
         ]),
         createElementVNode("span", {
@@ -19727,7 +19727,7 @@ const radioGroupProps = buildProps({
 });
 const radioGroupEmits = radioEmits;
 
-const _hoisted_1$P = ["id", "aria-label", "aria-labelledby"];
+const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
 const __default__$_ = {
   name: "ElRadioGroup"
 };
@@ -19779,7 +19779,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
         "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$P);
+      ], 10, _hoisted_1$Q);
     };
   }
 });
@@ -19931,7 +19931,7 @@ const _sfc_main$1F = defineComponent({
     };
   }
 });
-const _hoisted_1$O = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$x = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
@@ -20014,7 +20014,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["class"]))
     ], 64)) : createCommentVNode("v-if", true)
-  ], 42, _hoisted_1$O);
+  ], 42, _hoisted_1$P);
 }
 var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$A], ["__file", "node.vue"]]);
 
@@ -21214,7 +21214,7 @@ const _sfc_main$1B = defineComponent({
     };
   }
 });
-const _hoisted_1$N = { key: 0 };
+const _hoisted_1$O = { key: 0 };
 const _hoisted_2$w = ["placeholder"];
 const _hoisted_3$i = ["onClick"];
 function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
@@ -21325,7 +21325,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
               onClose: ($event) => _ctx.deleteTag(tag)
             }, {
               default: withCtx(() => [
-                tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$N, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(_component_el_tooltip, {
+                tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$O, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(_component_el_tooltip, {
                   key: 1,
                   teleported: false,
                   disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
@@ -21754,7 +21754,7 @@ const collapseItemProps = buildProps({
   disabled: Boolean
 });
 
-const _hoisted_1$M = ["aria-expanded", "aria-controls", "aria-describedby"];
+const _hoisted_1$N = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$v = ["id", "tabindex", "onKeypress"];
 const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
 const __default__$U = {
@@ -21833,7 +21833,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["class"])
           ], 42, _hoisted_2$v)
-        ], 8, _hoisted_1$M),
+        ], 8, _hoisted_1$N),
         createVNode(unref(_CollapseTransition), null, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", {
@@ -22461,7 +22461,7 @@ const _sfc_main$1t = defineComponent({
     };
   }
 });
-const _hoisted_1$L = ["onClick"];
+const _hoisted_1$M = ["onClick"];
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
@@ -22482,7 +22482,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", {
             style: normalizeStyle({ backgroundColor: item.value })
           }, null, 4)
-        ], 10, _hoisted_1$L);
+        ], 10, _hoisted_1$M);
       }), 128))
     ], 2)
   ], 2);
@@ -22559,9 +22559,9 @@ const _sfc_main$1s = defineComponent({
     };
   }
 });
-const _hoisted_1$K = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_1$L = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_2$u = [
-  _hoisted_1$K
+  _hoisted_1$L
 ];
 function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
@@ -22791,7 +22791,7 @@ const _sfc_main$1r = defineComponent({
     };
   }
 });
-const _hoisted_1$J = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
+const _hoisted_1$K = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
 function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hue_slider = resolveComponent("hue-slider");
   const _component_sv_panel = resolveComponent("sv-panel");
@@ -22941,7 +22941,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
             ], 6)
           ], 2)
         ], 2)
-      ], 42, _hoisted_1$J)
+      ], 42, _hoisted_1$K)
     ]),
     _: 1
   }, 8, ["visible", "popper-class", "transition"]);
@@ -23480,7 +23480,7 @@ var ElDatePickerCell = defineComponent({
   }
 });
 
-const _hoisted_1$I = ["aria-label"];
+const _hoisted_1$J = ["aria-label"];
 const _hoisted_2$t = {
   key: 0,
   scope: "col"
@@ -23828,7 +23828,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
             ], 2);
           }), 128))
         ], 512)
-      ], 42, _hoisted_1$I);
+      ], 42, _hoisted_1$J);
     };
   }
 });
@@ -23839,7 +23839,7 @@ const basicMonthTableProps = buildProps({
   selectionMode: selectionModeWithDefault("month")
 });
 
-const _hoisted_1$H = ["aria-label"];
+const _hoisted_1$I = ["aria-label"];
 const _hoisted_2$s = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
 const _hoisted_3$f = { class: "cell" };
 const _sfc_main$1k = /* @__PURE__ */ defineComponent({
@@ -24031,7 +24031,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ], 512)
-      ], 42, _hoisted_1$H);
+      ], 42, _hoisted_1$I);
     };
   }
 });
@@ -24044,7 +24044,7 @@ const basicYearTableProps = buildProps({
   parsedValue
 });
 
-const _hoisted_1$G = ["aria-label"];
+const _hoisted_1$H = ["aria-label"];
 const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
 const _hoisted_3$e = { class: "cell" };
 const _hoisted_4$a = { key: 1 };
@@ -24138,13 +24138,13 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
             ]);
           }), 64))
         ], 512)
-      ], 10, _hoisted_1$G);
+      ], 10, _hoisted_1$H);
     };
   }
 });
 var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "basic-year-table.vue"]]);
 
-const _hoisted_1$F = ["onClick"];
+const _hoisted_1$G = ["onClick"];
 const _hoisted_2$q = ["aria-label"];
 const _hoisted_3$d = ["aria-label"];
 const _hoisted_4$9 = ["aria-label"];
@@ -24555,7 +24555,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => handleShortcutClick(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$F);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$G);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -24869,7 +24869,7 @@ const useRangePicker = (props, {
   };
 };
 
-const _hoisted_1$E = ["onClick"];
+const _hoisted_1$F = ["onClick"];
 const _hoisted_2$p = ["disabled"];
 const _hoisted_3$c = ["disabled"];
 const _hoisted_4$8 = ["disabled"];
@@ -25220,7 +25220,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$E);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$F);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -25565,7 +25565,7 @@ const useMonthRangeHeader = ({
   };
 };
 
-const _hoisted_1$D = ["onClick"];
+const _hoisted_1$E = ["onClick"];
 const _hoisted_2$o = ["disabled"];
 const _hoisted_3$b = ["disabled"];
 const __default__$O = {
@@ -25670,7 +25670,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$D);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$E);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -25944,7 +25944,7 @@ const descriptionsRowProps = buildProps({
   }
 });
 
-const _hoisted_1$C = { key: 1 };
+const _hoisted_1$D = { key: 1 };
 const __default__$N = {
   name: "ElDescriptionsRow"
 };
@@ -25975,7 +25975,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
             }, null, 8, ["cell"]);
           }), 128))
         ])
-      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$C, [
+      ], 64)) : (openBlock(), createElementBlock("tr", _hoisted_1$D, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.row, (cell, index) => {
           return openBlock(), createElementBlock(Fragment, {
             key: `tr3-${index}`
@@ -26282,7 +26282,7 @@ const dialogContentEmits = {
   close: () => true
 };
 
-const _hoisted_1$B = ["aria-label"];
+const _hoisted_1$C = ["aria-label"];
 const _hoisted_2$n = ["id"];
 const __default__$L = { name: "ElDialogContent" };
 const _sfc_main$1d = /* @__PURE__ */ defineComponent({
@@ -26339,7 +26339,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"])
-          ], 10, _hoisted_1$B)) : createCommentVNode("v-if", true)
+          ], 10, _hoisted_1$C)) : createCommentVNode("v-if", true)
         ], 2),
         createElementVNode("div", {
           id: unref(bodyId),
@@ -26579,7 +26579,7 @@ const useDialog = (props, targetRef) => {
   };
 };
 
-const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_1$B = ["aria-label", "aria-labelledby", "aria-describedby"];
 const __default__$K = {
   name: "ElDialog"
 };
@@ -26707,7 +26707,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                   }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
-                ], 42, _hoisted_1$A)
+                ], 42, _hoisted_1$B)
               ]),
               _: 3
             }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -26832,7 +26832,7 @@ const _sfc_main$1a = defineComponent({
     };
   }
 });
-const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_1$A = ["aria-label", "aria-labelledby", "aria-describedby"];
 const _hoisted_2$m = ["id"];
 const _hoisted_3$a = ["aria-label"];
 const _hoisted_4$7 = ["id"];
@@ -26934,7 +26934,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
                   }, [
                     renderSlot(_ctx.$slots, "footer")
                   ], 2)) : createCommentVNode("v-if", true)
-                ], 14, _hoisted_1$z)
+                ], 14, _hoisted_1$A)
               ]),
               _: 3
             }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
@@ -27725,7 +27725,7 @@ const _sfc_main$13 = defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["aria-disabled", "tabindex", "role"];
+const _hoisted_1$z = ["aria-disabled", "tabindex", "role"];
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -27753,7 +27753,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })) : createCommentVNode("v-if", true),
       renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_1$y)
+    ], 16, _hoisted_1$z)
   ], 64);
 }
 var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$k], ["__file", "dropdown-item-impl.vue"]]);
@@ -27928,7 +27928,7 @@ const _sfc_main$11 = defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["role", "aria-labelledby"];
+const _hoisted_1$y = ["role", "aria-labelledby"];
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
@@ -27943,7 +27943,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 46, _hoisted_1$x);
+  ], 46, _hoisted_1$y);
 }
 var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$i], ["__file", "dropdown-menu.vue"]]);
 
@@ -27965,7 +27965,7 @@ const _sfc_main$10 = defineComponent({
     };
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   viewBox: "0 0 79 86",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
@@ -28012,7 +28012,7 @@ const _hoisted_21 = ["fill", "xlink:href"];
 const _hoisted_22 = ["fill", "mask"];
 const _hoisted_23 = ["fill"];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$w, [
+  return openBlock(), createElementBlock("svg", _hoisted_1$x, [
     createElementVNode("defs", null, [
       createElementVNode("linearGradient", {
         id: `linearGradient-1-${_ctx.id}`,
@@ -28144,7 +28144,7 @@ const emptyProps = {
   }
 };
 
-const _hoisted_1$v = ["src"];
+const _hoisted_1$w = ["src"];
 const _hoisted_2$k = { key: 1 };
 const __default__$I = {
   name: "ElEmpty"
@@ -28172,7 +28172,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             key: 0,
             src: _ctx.image,
             ondragstart: "return false"
-          }, null, 8, _hoisted_1$v)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+          }, null, 8, _hoisted_1$w)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
             createVNode(ImgEmpty)
           ])
         ], 6),
@@ -29584,7 +29584,7 @@ var FormLabelWrap = defineComponent({
   }
 });
 
-const _hoisted_1$u = ["role", "aria-labelledby"];
+const _hoisted_1$v = ["role", "aria-labelledby"];
 const __default__$G = {
   name: "ElFormItem"
 };
@@ -29866,7 +29866,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["name"])
         ], 6)
-      ], 10, _hoisted_1$u);
+      ], 10, _hoisted_1$v);
     };
   }
 });
@@ -29911,7 +29911,7 @@ const imageViewerEmits = {
   switch: (index) => isNumber(index)
 };
 
-const _hoisted_1$t = ["src"];
+const _hoisted_1$u = ["src"];
 const __default__$F = {
   name: "ElImageViewer"
 };
@@ -30279,7 +30279,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                     onLoad: handleImgLoad,
                     onError: handleImgError,
                     onMousedown: handleMouseDown
-                  }, null, 46, _hoisted_1$t)), [
+                  }, null, 46, _hoisted_1$u)), [
                     [vShow, i === index.value]
                   ]);
                 }), 128))
@@ -30354,7 +30354,7 @@ const imageEmits = {
   show: () => true
 };
 
-const _hoisted_1$s = ["src", "loading"];
+const _hoisted_1$t = ["src", "loading"];
 const _hoisted_2$j = { key: 0 };
 const __default__$E = {
   name: "ElImage",
@@ -30520,7 +30520,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           onClick: clickHandler,
           onLoad: handleLoad,
           onError: handleError
-        }), null, 16, _hoisted_1$s)) : createCommentVNode("v-if", true),
+        }), null, 16, _hoisted_1$t)) : createCommentVNode("v-if", true),
         isLoading.value || hasLoadError.value ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(unref(ns).e("wrapper"))
@@ -30619,7 +30619,7 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const _hoisted_1$r = ["aria-label", "onKeydown"];
+const _hoisted_1$s = ["aria-label", "onKeydown"];
 const _hoisted_2$i = ["aria-label", "onKeydown"];
 const __default__$D = {
   name: "ElInputNumber"
@@ -30849,7 +30849,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ], 42, _hoisted_1$r)), [
+        ], 42, _hoisted_1$s)), [
           [unref(RepeatClick), decrease]
         ]) : createCommentVNode("v-if", true),
         _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
@@ -30921,7 +30921,7 @@ const linkEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const _hoisted_1$q = ["href"];
+const _hoisted_1$r = ["href"];
 const __default__$C = {
   name: "ElLink"
 };
@@ -30960,7 +30960,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true),
         _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$q);
+      ], 10, _hoisted_1$r);
     };
   }
 });
@@ -31522,6 +31522,7 @@ var Menu = defineComponent({
     const menu = ref();
     const nsMenu = useNamespace("menu");
     const nsSubMenu = useNamespace("sub-menu");
+    const sliceIndex = ref(-1);
     const openedMenus = ref(props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []);
     const activeIndex = ref(props.defaultActive);
     const items = ref({});
@@ -31595,8 +31596,42 @@ var Menu = defineComponent({
         activeIndex.value = val;
       }
     };
+    const calcSliceIndex = () => {
+      var _a;
+      const items2 = Array.from((_a = menu.value.childNodes) != null ? _a : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
+      const moreItemWidth = 64;
+      const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
+      const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
+      const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
+      let calcWidth = 0;
+      let sliceIndex2 = 0;
+      items2.forEach((item, index) => {
+        calcWidth += item.offsetWidth || 0;
+        if (calcWidth <= menuWidth - moreItemWidth) {
+          sliceIndex2 = index + 1;
+        }
+      });
+      return sliceIndex2 === items2.length ? -1 : sliceIndex2;
+    };
+    const debounce = (fn, wait = 33.34) => {
+      let timmer;
+      return () => {
+        timmer && clearTimeout(timmer);
+        timmer = setTimeout(() => {
+          fn();
+        }, wait);
+      };
+    };
+    let isFirstTimeRender = true;
     const handleResize = () => {
-      nextTick(() => instance.proxy.$forceUpdate());
+      const callback = () => {
+        sliceIndex.value = -1;
+        nextTick(() => {
+          sliceIndex.value = calcSliceIndex();
+        });
+      };
+      isFirstTimeRender ? callback() : debounce(callback)();
+      isFirstTimeRender = false;
     };
     watch(() => props.defaultActive, (currentActive) => {
       if (!items.value[currentActive]) {
@@ -31681,26 +31716,13 @@ var Menu = defineComponent({
       return result;
     };
     return () => {
-      var _a, _b, _c, _d;
+      var _a, _b;
       let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
       const vShowMore = [];
       if (props.mode === "horizontal" && menu.value) {
-        const items2 = Array.from((_d = (_c = menu.value) == null ? void 0 : _c.childNodes) != null ? _d : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
         const originalSlot = flattedChildren(slot);
-        const moreItemWidth = 64;
-        const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
-        const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
-        const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
-        let calcWidth = 0;
-        let sliceIndex = 0;
-        items2.forEach((item, index) => {
-          calcWidth += item.offsetWidth || 0;
-          if (calcWidth <= menuWidth - moreItemWidth) {
-            sliceIndex = index + 1;
-          }
-        });
-        const slotDefault = originalSlot.slice(0, sliceIndex);
-        const slotMore = originalSlot.slice(sliceIndex);
+        const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0, sliceIndex.value);
+        const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);
         if ((slotMore == null ? void 0 : slotMore.length) && props.ellipsis) {
           slot = slotDefault;
           vShowMore.push(h$1(SubMenu, {
@@ -31897,6 +31919,7 @@ const pageHeaderEmits = {
   back: () => true
 };
 
+const _hoisted_1$q = ["aria-label"];
 const __default__$B = {
   name: "ElPageHeader"
 };
@@ -31905,47 +31928,87 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   props: pageHeaderProps,
   emits: pageHeaderEmits,
   setup(__props, { emit }) {
+    const slots = useSlots();
     const { t } = useLocale();
     const ns = useNamespace("page-header");
+    const kls = computed$1(() => {
+      return [
+        ns.b(),
+        {
+          [ns.m("has-breadcrumb")]: !!slots.breadcrumb,
+          [ns.m("has-extra")]: !!slots.extra,
+          [ns.is("contentful")]: !!slots.default
+        }
+      ];
+    });
     function handleClick() {
       emit("back");
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b())
+        class: normalizeClass(unref(kls))
       }, [
         createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("left")),
-          onClick: handleClick
+          class: normalizeClass(unref(ns).e("breadcrumb"))
+        }, [
+          renderSlot(_ctx.$slots, "breadcrumb")
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("header"))
         }, [
-          _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref(ns).e("icon"))
-          }, [
-            renderSlot(_ctx.$slots, "icon", {}, () => [
-              _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-                ]),
-                _: 1
-              })) : createCommentVNode("v-if", true)
-            ])
-          ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
-            class: normalizeClass(unref(ns).e("title"))
+            class: normalizeClass(unref(ns).e("left"))
           }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
-            ])
-          ], 2)
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("back")),
+              role: "button",
+              tabindex: "0",
+              onClick: handleClick
+            }, [
+              _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                "aria-label": _ctx.title || unref(t)("el.pageHeader.title"),
+                class: normalizeClass(unref(ns).e("icon"))
+              }, [
+                renderSlot(_ctx.$slots, "icon", {}, () => [
+                  _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("v-if", true)
+                ])
+              ], 10, _hoisted_1$q)) : createCommentVNode("v-if", true),
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("title"))
+              }, [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
+                ])
+              ], 2)
+            ], 2),
+            createVNode(unref(ElDivider), { direction: "vertical" }),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("content"))
+            }, [
+              renderSlot(_ctx.$slots, "content", {}, () => [
+                createTextVNode(toDisplayString(_ctx.content), 1)
+              ])
+            ], 2)
+          ], 2),
+          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("extra"))
+          }, [
+            renderSlot(_ctx.$slots, "extra")
+          ], 2)) : createCommentVNode("v-if", true)
         ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("content"))
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("main"))
         }, [
-          renderSlot(_ctx.$slots, "content", {}, () => [
-            createTextVNode(toDisplayString(_ctx.content), 1)
-          ])
-        ], 2)
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : createCommentVNode("v-if", true)
       ], 2);
     };
   }
@@ -31962,6 +32025,9 @@ const paginationPrevProps = buildProps({
   },
   prevText: {
     type: String
+  },
+  prevIcon: {
+    type: iconPropType
   }
 });
 const paginationPrevEmits = {
@@ -31990,7 +32056,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2$h, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
-            createVNode(unref(arrow_left_default))
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))
           ]),
           _: 1
         }))
@@ -32012,6 +32078,9 @@ const paginationNextProps = buildProps({
   },
   nextText: {
     type: String
+  },
+  nextIcon: {
+    type: iconPropType
   }
 });
 
@@ -32037,7 +32106,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.nextText ? (openBlock(), createElementBlock("span", _hoisted_2$g, toDisplayString(_ctx.nextText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
-            createVNode(unref(arrow_right_default))
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon)))
           ]),
           _: 1
         }))
@@ -34017,10 +34086,18 @@ const paginationProps = buildProps({
     type: String,
     default: ""
   },
+  prevIcon: {
+    type: iconPropType,
+    default: () => arrow_left_default
+  },
   nextText: {
     type: String,
     default: ""
   },
+  nextIcon: {
+    type: iconPropType,
+    default: () => arrow_right_default
+  },
   small: Boolean,
   background: Boolean,
   disabled: Boolean,
@@ -34168,6 +34245,7 @@ var Pagination = defineComponent({
           disabled: props.disabled,
           currentPage: currentPageBridge.value,
           prevText: props.prevText,
+          prevIcon: props.prevIcon,
           onClick: prev
         }),
         jumper: h$1(Jumper),
@@ -34183,6 +34261,7 @@ var Pagination = defineComponent({
           currentPage: currentPageBridge.value,
           pageCount: pageCountBridge.value,
           nextText: props.nextText,
+          nextIcon: props.nextIcon,
           onClick: next
         }),
         sizes: h$1(Sizes, {