@element-plus/nightly 0.0.20220817 → 0.0.20220820

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220817 */
+/*! Element Plus v0.0.20220820 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10976,7 +10976,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220817";
+  const version$1 = "0.0.20220820";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11480,7 +11480,7 @@
     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 = {
@@ -11907,7 +11907,7 @@
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(vue.unref(attrs).maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, _hoisted_1$13)), [
+        ], 16, _hoisted_1$14)), [
           [vue.vShow, _ctx.type !== "hidden"]
         ]);
       };
@@ -13691,7 +13691,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-tooltip-trigger");
@@ -13749,7 +13749,7 @@
               _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
                 innerHTML: _ctx.content
-              }, null, 8, _hoisted_1$12)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
+              }, null, 8, _hoisted_1$13)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
             ]),
             _ctx.compatShowArrow ? (vue.openBlock(), vue.createBlock(_component_el_popper_arrow, {
               key: 0,
@@ -13834,7 +13834,7 @@
     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 = {
@@ -14159,7 +14159,7 @@
                   ])
                 } : void 0
               ]), 1040, ["model-value", "onKeydown"])
-            ], 14, _hoisted_1$11)
+            ], 14, _hoisted_1$12)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
@@ -14200,7 +14200,7 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$10 = ["src", "alt", "srcset"];
+  const _hoisted_1$11 = ["src", "alt", "srcset"];
   const __default__$1g = {
     name: "ElAvatar"
   };
@@ -14249,7 +14249,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$10)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$11)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -14285,7 +14285,7 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$$ = ["onClick"];
+  const _hoisted_1$10 = ["onClick"];
   const __default__$1f = {
     name: "ElBacktop"
   };
@@ -14365,7 +14365,7 @@
                   _: 1
                 }, 8, ["class"])
               ])
-            ], 14, _hoisted_1$$)) : vue.createCommentVNode("v-if", true)
+            ], 14, _hoisted_1$10)) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
         }, 8, ["name"]);
@@ -14394,7 +14394,7 @@
     }
   });
 
-  const _hoisted_1$_ = ["textContent"];
+  const _hoisted_1$$ = ["textContent"];
   const __default__$1e = {
     name: "ElBadge"
   };
@@ -14433,7 +14433,7 @@
                   vue.unref(ns).is("dot", _ctx.isDot)
                 ]),
                 textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 10, _hoisted_1$_), [
+              }, null, 10, _hoisted_1$$), [
                 [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
               ])
             ]),
@@ -15535,7 +15535,7 @@
     });
   }
 
-  const _hoisted_1$Z = ["aria-disabled", "disabled", "autofocus", "type"];
+  const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
   const __default__$1b = {
     name: "ElButton"
   };
@@ -15637,7 +15637,7 @@
           }, [
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$Z);
+        ], 14, _hoisted_1$_);
       };
     }
   });
@@ -16302,7 +16302,7 @@
     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"
@@ -16854,7 +16854,7 @@
                 onChange: handleStartChange,
                 onFocus: handleFocusInput,
                 onBlur: handleBlurInput
-              }, null, 42, _hoisted_1$Y),
+              }, null, 42, _hoisted_1$Z),
               vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
@@ -17215,7 +17215,7 @@
     ...disabledTimeListsProps
   });
 
-  const _hoisted_1$X = ["onClick"];
+  const _hoisted_1$Y = ["onClick"];
   const _hoisted_2$C = ["onMouseenter"];
   const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
@@ -17439,7 +17439,7 @@
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(("0" + key).slice(-2)), 1)
                     ], 64))
-                  ], 10, _hoisted_1$X);
+                  ], 10, _hoisted_1$Y);
                 }), 128))
               ]),
               _: 2
@@ -17662,7 +17662,7 @@
     }
   });
 
-  const _hoisted_1$W = ["disabled"];
+  const _hoisted_1$X = ["disabled"];
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-range",
     props: panelTimeRangeProps,
@@ -17923,7 +17923,7 @@
               class: vue.normalizeClass([vue.unref(nsTime).be("panel", "btn"), "confirm"]),
               disabled: vue.unref(btnConfirmDisabled),
               onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$W)
+            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$X)
           ], 2)
         ], 2)) : vue.createCommentVNode("v-if", true);
       };
@@ -18010,7 +18010,7 @@
     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"
@@ -18116,7 +18116,7 @@
           cellspacing: "0",
           cellpadding: "0"
         }, [
-          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$V, [
+          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$W, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(weekDays), (day) => {
               return vue.openBlock(), vue.createElementBlock("th", { key: day }, vue.toDisplayString(day), 1);
             }), 128))
@@ -18499,7 +18499,7 @@
     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 = {
@@ -18809,7 +18809,7 @@
               ], 42, _hoisted_2$A);
             }), 128))
           ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 42, _hoisted_1$U);
+        ], 42, _hoisted_1$V);
       };
     }
   });
@@ -19248,7 +19248,7 @@
     };
   };
 
-  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 = {
@@ -19336,7 +19336,7 @@
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(vue.unref(ns).e("inner"))
               }, null, 2)
-            ], 10, _hoisted_1$T),
+            ], 10, _hoisted_1$U),
             vue.unref(hasOwnLabel) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: vue.normalizeClass(vue.unref(ns).e("label"))
@@ -19354,7 +19354,7 @@
   });
   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"
@@ -19402,7 +19402,7 @@
             onChange: _cache[1] || (_cache[1] = (...args) => vue.unref(handleChange) && vue.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)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
@@ -19561,7 +19561,7 @@
     };
   };
 
-  const _hoisted_1$R = ["value", "name", "disabled"];
+  const _hoisted_1$S = ["value", "name", "disabled"];
   const __default__$10 = {
     name: "ElRadio"
   };
@@ -19607,7 +19607,7 @@
               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), [
               [vue.vModelRadio, vue.unref(modelValue)]
             ]),
             vue.createElementVNode("span", {
@@ -19637,7 +19637,7 @@
     }
   });
 
-  const _hoisted_1$Q = ["value", "name", "disabled"];
+  const _hoisted_1$R = ["value", "name", "disabled"];
   const __default__$$ = {
     name: "ElRadioButton"
   };
@@ -19678,7 +19678,7 @@
             disabled: vue.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), [
             [vue.vModelRadio, vue.unref(modelValue)]
           ]),
           vue.createElementVNode("span", {
@@ -19731,7 +19731,7 @@
   });
   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"
   };
@@ -19783,7 +19783,7 @@
           "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_1$P);
+        ], 10, _hoisted_1$Q);
       };
     }
   });
@@ -19935,7 +19935,7 @@
       };
     }
   });
-  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__ */ vue.createElementVNode("span", null, null, -1);
   function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
@@ -20018,7 +20018,7 @@
           _: 1
         }, 8, ["class"]))
       ], 64)) : vue.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"]]);
 
@@ -20937,9 +20937,7 @@
             updatePopperPosition();
             vue.nextTick((_c = panel.value) == null ? void 0 : _c.scrollToExpandingNode);
           } else if (props.filterable) {
-            const { value } = presentText;
-            inputValue.value = value;
-            searchInputValue.value = value;
+            syncPresentTextValue();
           }
           emit("visible-change", visible);
         }
@@ -21096,8 +21094,16 @@
       const handleClear = () => {
         var _a;
         (_a = panel.value) == null ? void 0 : _a.clearCheckedNodes();
+        if (!popperVisible.value && props.filterable) {
+          syncPresentTextValue();
+        }
         togglePopperVisible(false);
       };
+      const syncPresentTextValue = () => {
+        const { value } = presentText;
+        inputValue.value = value;
+        searchInputValue.value = value;
+      };
       const handleSuggestionClick = (node) => {
         var _a, _b;
         const { checked } = node;
@@ -21212,7 +21218,7 @@
       };
     }
   });
-  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) {
@@ -21323,7 +21329,7 @@
                 onClose: ($event) => _ctx.deleteTag(tag)
               }, {
                 default: vue.withCtx(() => [
-                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$N, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
                     key: 1,
                     teleported: false,
                     disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
@@ -21752,7 +21758,7 @@
     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 = {
@@ -21831,7 +21837,7 @@
                 _: 1
               }, 8, ["class"])
             ], 42, _hoisted_2$v)
-          ], 8, _hoisted_1$M),
+          ], 8, _hoisted_1$N),
           vue.createVNode(vue.unref(_CollapseTransition), null, {
             default: vue.withCtx(() => [
               vue.withDirectives(vue.createElementVNode("div", {
@@ -22459,7 +22465,7 @@
       };
     }
   });
-  const _hoisted_1$L = ["onClick"];
+  const _hoisted_1$M = ["onClick"];
   function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
@@ -22480,7 +22486,7 @@
             vue.createElementVNode("div", {
               style: vue.normalizeStyle({ backgroundColor: item.value })
             }, null, 4)
-          ], 10, _hoisted_1$L);
+          ], 10, _hoisted_1$M);
         }), 128))
       ], 2)
     ], 2);
@@ -22557,9 +22563,9 @@
       };
     }
   });
-  const _hoisted_1$K = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+  const _hoisted_1$L = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", {
@@ -22789,7 +22795,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("hue-slider");
     const _component_sv_panel = vue.resolveComponent("sv-panel");
@@ -22939,7 +22945,7 @@
               ], 6)
             ], 2)
           ], 2)
-        ], 42, _hoisted_1$J)
+        ], 42, _hoisted_1$K)
       ]),
       _: 1
     }, 8, ["visible", "popper-class", "transition"]);
@@ -23478,7 +23484,7 @@
     }
   });
 
-  const _hoisted_1$I = ["aria-label"];
+  const _hoisted_1$J = ["aria-label"];
   const _hoisted_2$t = {
     key: 0,
     scope: "col"
@@ -23826,7 +23832,7 @@
               ], 2);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$I);
+        ], 42, _hoisted_1$J);
       };
     }
   });
@@ -23837,7 +23843,7 @@
     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__ */ vue.defineComponent({
@@ -24029,7 +24035,7 @@
               ]);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$H);
+        ], 42, _hoisted_1$I);
       };
     }
   });
@@ -24042,7 +24048,7 @@
     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 };
@@ -24136,13 +24142,13 @@
               ]);
             }), 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"];
@@ -24553,7 +24559,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => handleShortcutClick(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$F);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$G);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -24867,7 +24873,7 @@
     };
   };
 
-  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"];
@@ -25218,7 +25224,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$E);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$F);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -25563,7 +25569,7 @@
     };
   };
 
-  const _hoisted_1$D = ["onClick"];
+  const _hoisted_1$E = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$b = ["disabled"];
   const __default__$O = {
@@ -25668,7 +25674,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$D);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$E);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -25942,7 +25948,7 @@
     }
   });
 
-  const _hoisted_1$C = { key: 1 };
+  const _hoisted_1$D = { key: 1 };
   const __default__$N = {
     name: "ElDescriptionsRow"
   };
@@ -25973,7 +25979,7 @@
               }, null, 8, ["cell"]);
             }), 128))
           ])
-        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$C, [
+        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$D, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: `tr3-${index}`
@@ -26280,7 +26286,7 @@
     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__ */ vue.defineComponent({
@@ -26337,7 +26343,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])
-            ], 10, _hoisted_1$B)) : vue.createCommentVNode("v-if", true)
+            ], 10, _hoisted_1$C)) : vue.createCommentVNode("v-if", true)
           ], 2),
           vue.createElementVNode("div", {
             id: vue.unref(bodyId),
@@ -26577,7 +26583,7 @@
     };
   };
 
-  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"
   };
@@ -26705,7 +26711,7 @@
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
-                  ], 42, _hoisted_1$A)
+                  ], 42, _hoisted_1$B)
                 ]),
                 _: 3
               }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -26830,7 +26836,7 @@
       };
     }
   });
-  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"];
@@ -26932,7 +26938,7 @@
                     }, [
                       vue.renderSlot(_ctx.$slots, "footer")
                     ], 2)) : vue.createCommentVNode("v-if", true)
-                  ], 14, _hoisted_1$z)
+                  ], 14, _hoisted_1$A)
                 ]),
                 _: 3
               }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
@@ -27723,7 +27729,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -27751,7 +27757,7 @@
           _: 1
         })) : vue.createCommentVNode("v-if", true),
         vue.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"]]);
@@ -27926,7 +27932,7 @@
       };
     }
   });
-  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 vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
@@ -27941,7 +27947,7 @@
       onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
     }, [
       vue.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"]]);
 
@@ -27963,7 +27969,7 @@
       };
     }
   });
-  const _hoisted_1$w = {
+  const _hoisted_1$x = {
     viewBox: "0 0 79 86",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
@@ -28010,7 +28016,7 @@
   const _hoisted_22 = ["fill", "mask"];
   const _hoisted_23 = ["fill"];
   function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
           id: `linearGradient-1-${_ctx.id}`,
@@ -28142,7 +28148,7 @@
     }
   };
 
-  const _hoisted_1$v = ["src"];
+  const _hoisted_1$w = ["src"];
   const _hoisted_2$k = { key: 1 };
   const __default__$I = {
     name: "ElEmpty"
@@ -28170,7 +28176,7 @@
               key: 0,
               src: _ctx.image,
               ondragstart: "return false"
-            }, null, 8, _hoisted_1$v)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+            }, null, 8, _hoisted_1$w)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
               vue.createVNode(ImgEmpty)
             ])
           ], 6),
@@ -29582,7 +29588,7 @@
     }
   });
 
-  const _hoisted_1$u = ["role", "aria-labelledby"];
+  const _hoisted_1$v = ["role", "aria-labelledby"];
   const __default__$G = {
     name: "ElFormItem"
   };
@@ -29864,7 +29870,7 @@
               _: 3
             }, 8, ["name"])
           ], 6)
-        ], 10, _hoisted_1$u);
+        ], 10, _hoisted_1$v);
       };
     }
   });
@@ -29909,7 +29915,7 @@
     switch: (index) => isNumber(index)
   };
 
-  const _hoisted_1$t = ["src"];
+  const _hoisted_1$u = ["src"];
   const __default__$F = {
     name: "ElImageViewer"
   };
@@ -30277,7 +30283,7 @@
                       onLoad: handleImgLoad,
                       onError: handleImgError,
                       onMousedown: handleMouseDown
-                    }, null, 46, _hoisted_1$t)), [
+                    }, null, 46, _hoisted_1$u)), [
                       [vue.vShow, i === index.value]
                     ]);
                   }), 128))
@@ -30352,7 +30358,7 @@
     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",
@@ -30518,7 +30524,7 @@
             onClick: clickHandler,
             onLoad: handleLoad,
             onError: handleError
-          }), null, 16, _hoisted_1$s)) : vue.createCommentVNode("v-if", true),
+          }), null, 16, _hoisted_1$t)) : vue.createCommentVNode("v-if", true),
           isLoading.value || hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
@@ -30617,7 +30623,7 @@
     [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"
@@ -30847,7 +30853,7 @@
               ]),
               _: 1
             })
-          ], 42, _hoisted_1$r)), [
+          ], 42, _hoisted_1$s)), [
             [vue.unref(RepeatClick), decrease]
           ]) : vue.createCommentVNode("v-if", true),
           _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -30919,7 +30925,7 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const _hoisted_1$q = ["href"];
+  const _hoisted_1$r = ["href"];
   const __default__$C = {
     name: "ElLink"
   };
@@ -30958,7 +30964,7 @@
             vue.renderSlot(_ctx.$slots, "default")
           ], 2)) : vue.createCommentVNode("v-if", true),
           _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 2 }) : vue.createCommentVNode("v-if", true)
-        ], 10, _hoisted_1$q);
+        ], 10, _hoisted_1$r);
       };
     }
   });
@@ -31520,6 +31526,7 @@
       const menu = vue.ref();
       const nsMenu = useNamespace("menu");
       const nsSubMenu = useNamespace("sub-menu");
+      const sliceIndex = vue.ref(-1);
       const openedMenus = vue.ref(props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []);
       const activeIndex = vue.ref(props.defaultActive);
       const items = vue.ref({});
@@ -31593,8 +31600,42 @@
           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 = () => {
-        vue.nextTick(() => instance.proxy.$forceUpdate());
+        const callback = () => {
+          sliceIndex.value = -1;
+          vue.nextTick(() => {
+            sliceIndex.value = calcSliceIndex();
+          });
+        };
+        isFirstTimeRender ? callback() : debounce(callback)();
+        isFirstTimeRender = false;
       };
       vue.watch(() => props.defaultActive, (currentActive) => {
         if (!items.value[currentActive]) {
@@ -31679,26 +31720,13 @@
         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(vue.h(SubMenu, {
@@ -31895,6 +31923,7 @@
     back: () => true
   };
 
+  const _hoisted_1$q = ["aria-label"];
   const __default__$B = {
     name: "ElPageHeader"
   };
@@ -31903,47 +31932,87 @@
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
+      const slots = vue.useSlots();
       const { t } = useLocale();
       const ns = useNamespace("page-header");
+      const kls = vue.computed(() => {
+        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 vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(vue.unref(ns).b())
+          class: vue.normalizeClass(vue.unref(kls))
         }, [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("left")),
-            onClick: handleClick
+            class: vue.normalizeClass(vue.unref(ns).e("breadcrumb"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "breadcrumb")
+          ], 2),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("header"))
           }, [
-            _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e("icon"))
-            }, [
-              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-                  ]),
-                  _: 1
-                })) : vue.createCommentVNode("v-if", true)
-              ])
-            ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("title"))
+              class: vue.normalizeClass(vue.unref(ns).e("left"))
             }, [
-              vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.title || vue.unref(t)("el.pageHeader.title")), 1)
-              ])
-            ], 2)
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("back")),
+                role: "button",
+                tabindex: "0",
+                onClick: handleClick
+              }, [
+                _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  "aria-label": _ctx.title || vue.unref(t)("el.pageHeader.title"),
+                  class: vue.normalizeClass(vue.unref(ns).e("icon"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                    _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("v-if", true)
+                  ])
+                ], 10, _hoisted_1$q)) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("title"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                    vue.createTextVNode(vue.toDisplayString(_ctx.title || vue.unref(t)("el.pageHeader.title")), 1)
+                  ])
+                ], 2)
+              ], 2),
+              vue.createVNode(vue.unref(ElDivider), { direction: "vertical" }),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("content"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "content", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
+                ])
+              ], 2)
+            ], 2),
+            _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("extra"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "extra")
+            ], 2)) : vue.createCommentVNode("v-if", true)
           ], 2),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("content"))
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("main"))
           }, [
-            vue.renderSlot(_ctx.$slots, "content", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
-            ])
-          ], 2)
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 2)) : vue.createCommentVNode("v-if", true)
         ], 2);
       };
     }
@@ -31960,6 +32029,9 @@
     },
     prevText: {
       type: String
+    },
+    prevIcon: {
+      type: iconPropType
     }
   });
   const paginationPrevEmits = {
@@ -31988,7 +32060,7 @@
         }, [
           _ctx.prevText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, vue.toDisplayString(_ctx.prevText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(arrow_left_default))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prevIcon)))
             ]),
             _: 1
           }))
@@ -32010,6 +32082,9 @@
     },
     nextText: {
       type: String
+    },
+    nextIcon: {
+      type: iconPropType
     }
   });
 
@@ -32035,7 +32110,7 @@
         }, [
           _ctx.nextText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g, vue.toDisplayString(_ctx.nextText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(arrow_right_default))
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.nextIcon)))
             ]),
             _: 1
           }))
@@ -32085,7 +32160,7 @@
       } else {
         const valueKey = select.props.valueKey;
         return arr && arr.some((item) => {
-          return get(item, valueKey) === get(target, valueKey);
+          return vue.toRaw(get(item, valueKey)) === get(target, valueKey);
         });
       }
     };
@@ -32699,7 +32774,7 @@
       const valueKey = props.valueKey;
       let index = -1;
       arr.some((item, i) => {
-        if (get(item, valueKey) === get(value, valueKey)) {
+        if (vue.toRaw(get(item, valueKey)) === get(value, valueKey)) {
           index = i;
           return true;
         }
@@ -34015,10 +34090,18 @@
       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,
@@ -34166,6 +34249,7 @@
             disabled: props.disabled,
             currentPage: currentPageBridge.value,
             prevText: props.prevText,
+            prevIcon: props.prevIcon,
             onClick: prev
           }),
           jumper: vue.h(Jumper),
@@ -34181,6 +34265,7 @@
             currentPage: currentPageBridge.value,
             pageCount: pageCountBridge.value,
             nextText: props.nextText,
+            nextIcon: props.nextIcon,
             onClick: next
           }),
           sizes: vue.h(Sizes, {
@@ -35977,11 +36062,11 @@
             if (layout === HORIZONTAL) {
               if (direction === RTL) {
                 switch (getRTLOffsetType()) {
-                  case "negative": {
+                  case RTL_OFFSET_NAG: {
                     windowElement.scrollLeft = -scrollOffset;
                     break;
                   }
-                  case "positive-ascending": {
+                  case RTL_OFFSET_POS_ASC: {
                     windowElement.scrollLeft = scrollOffset;
                     break;
                   }
@@ -40366,7 +40451,8 @@
         input.value.checked = checked.value;
       });
       expose({
-        focus
+        focus,
+        checked
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -48960,7 +49046,7 @@
     return { all, none, allWithoutDisable, half: !all && !none };
   };
   const reInitChecked = function(node) {
-    if (node.childNodes.length === 0)
+    if (node.childNodes.length === 0 || node.loading)
       return;
     const { all, none, half } = getChildState(node.childNodes);
     if (all) {
@@ -49343,10 +49429,10 @@
       if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
         this.loading = true;
         const resolve = (children) => {
-          this.loaded = true;
-          this.loading = false;
           this.childNodes = [];
           this.doCreateChildren(children, defaultProps);
+          this.loaded = true;
+          this.loading = false;
           this.updateLeafState();
           if (callback) {
             callback.call(this, children);