@element-plus/nightly 0.0.20220525 → 0.0.20220528

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220525 */
+/*! Element Plus v0.0.20220528 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -7394,10 +7394,10 @@
   const _hoisted_3$12 = [
     _hoisted_2$1l
   ];
-  function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1I, _hoisted_3$12);
   }
-  var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2W, [["render", _sfc_render$1L]]);
+  var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2W, [["render", _sfc_render$1I]]);
 
   vue.defineComponent({
     name: "ArrowLeftBold"
@@ -7417,10 +7417,10 @@
   const _hoisted_3$11 = [
     _hoisted_2$1k
   ];
-  function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1H, _hoisted_3$11);
   }
-  var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2V, [["render", _sfc_render$1K]]);
+  var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2V, [["render", _sfc_render$1H]]);
 
   vue.defineComponent({
     name: "ArrowRightBold"
@@ -7440,10 +7440,10 @@
   const _hoisted_3$10 = [
     _hoisted_2$1j
   ];
-  function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1G, _hoisted_3$10);
   }
-  var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2U, [["render", _sfc_render$1J]]);
+  var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2U, [["render", _sfc_render$1G]]);
 
   vue.defineComponent({
     name: "ArrowUpBold"
@@ -7463,10 +7463,10 @@
   const _hoisted_3$$ = [
     _hoisted_2$1i
   ];
-  function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1F, _hoisted_3$$);
   }
-  var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2T, [["render", _sfc_render$1I]]);
+  var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2T, [["render", _sfc_render$1F]]);
 
   vue.defineComponent({
     name: "Avatar"
@@ -7487,14 +7487,14 @@
     fill: "currentColor",
     d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312L237.248 512z"
   }, null, -1);
-  const _hoisted_4$k = [
+  const _hoisted_4$j = [
     _hoisted_2$1h,
     _hoisted_3$_
   ];
-  function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1E, _hoisted_4$k);
+  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1E, _hoisted_4$j);
   }
-  var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2S, [["render", _sfc_render$1H]]);
+  var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2S, [["render", _sfc_render$1E]]);
 
   vue.defineComponent({
     name: "Baseball"
@@ -7566,10 +7566,10 @@
   const _hoisted_3$Z = [
     _hoisted_2$1g
   ];
-  function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1D, _hoisted_3$Z);
   }
-  var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2R, [["render", _sfc_render$1G]]);
+  var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2R, [["render", _sfc_render$1D]]);
 
   vue.defineComponent({
     name: "CameraFilled"
@@ -7601,10 +7601,10 @@
   const _hoisted_3$Y = [
     _hoisted_2$1f
   ];
-  function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1C, _hoisted_3$Y);
   }
-  var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2Q, [["render", _sfc_render$1F]]);
+  var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2Q, [["render", _sfc_render$1C]]);
 
   const _sfc_main$2P = vue.defineComponent({
     name: "CaretTop"
@@ -7620,10 +7620,10 @@
   const _hoisted_3$X = [
     _hoisted_2$1e
   ];
-  function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1B, _hoisted_3$X);
   }
-  var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2P, [["render", _sfc_render$1E]]);
+  var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2P, [["render", _sfc_render$1B]]);
 
   vue.defineComponent({
     name: "Cellphone"
@@ -7667,10 +7667,10 @@
   const _hoisted_3$W = [
     _hoisted_2$1d
   ];
-  function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1A, _hoisted_3$W);
   }
-  var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2O, [["render", _sfc_render$1D]]);
+  var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2O, [["render", _sfc_render$1A]]);
 
   vue.defineComponent({
     name: "Checked"
@@ -7698,10 +7698,10 @@
   const _hoisted_3$V = [
     _hoisted_2$1c
   ];
-  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1z, _hoisted_3$V);
   }
-  var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$1C]]);
+  var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$1z]]);
 
   const _sfc_main$2M = vue.defineComponent({
     name: "CircleCheck"
@@ -7718,14 +7718,14 @@
     fill: "currentColor",
     d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
   }, null, -1);
-  const _hoisted_4$j = [
+  const _hoisted_4$i = [
     _hoisted_2$1b,
     _hoisted_3$U
   ];
-  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_4$j);
+  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1y, _hoisted_4$i);
   }
-  var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$1B]]);
+  var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$1y]]);
 
   const _sfc_main$2L = vue.defineComponent({
     name: "CircleCloseFilled"
@@ -7741,10 +7741,10 @@
   const _hoisted_3$T = [
     _hoisted_2$1a
   ];
-  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1x, _hoisted_3$T);
   }
-  var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$1A]]);
+  var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$1x]]);
 
   const _sfc_main$2K = vue.defineComponent({
     name: "CircleClose"
@@ -7761,14 +7761,14 @@
     fill: "currentColor",
     d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
   }, null, -1);
-  const _hoisted_4$i = [
+  const _hoisted_4$h = [
     _hoisted_2$19,
     _hoisted_3$S
   ];
-  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_4$i);
+  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1w, _hoisted_4$h);
   }
-  var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$1z]]);
+  var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$1w]]);
 
   vue.defineComponent({
     name: "CirclePlusFilled"
@@ -7793,19 +7793,19 @@
     fill: "currentColor",
     d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"
   }, null, -1);
-  const _hoisted_4$h = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_4$g = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
   }, null, -1);
-  const _hoisted_5$a = [
+  const _hoisted_5$9 = [
     _hoisted_2$18,
     _hoisted_3$R,
-    _hoisted_4$h
+    _hoisted_4$g
   ];
-  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_5$a);
+  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1v, _hoisted_5$9);
   }
-  var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$1y]]);
+  var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$1v]]);
 
   vue.defineComponent({
     name: "CloseBold"
@@ -7825,10 +7825,10 @@
   const _hoisted_3$Q = [
     _hoisted_2$17
   ];
-  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1u, _hoisted_3$Q);
   }
-  var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$1x]]);
+  var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$1u]]);
 
   vue.defineComponent({
     name: "Cloudy"
@@ -7904,10 +7904,10 @@
   const _hoisted_3$P = [
     _hoisted_2$16
   ];
-  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1t, _hoisted_3$P);
   }
-  var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$1w]]);
+  var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$1t]]);
 
   const _sfc_main$2G = vue.defineComponent({
     name: "DArrowRight"
@@ -7923,10 +7923,10 @@
   const _hoisted_3$O = [
     _hoisted_2$15
   ];
-  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1s, _hoisted_3$O);
   }
-  var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$1v]]);
+  var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$1s]]);
 
   vue.defineComponent({
     name: "DCaret"
@@ -7966,10 +7966,10 @@
   const _hoisted_3$N = [
     _hoisted_2$14
   ];
-  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1r, _hoisted_3$N);
   }
-  var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$1u]]);
+  var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$1r]]);
 
   vue.defineComponent({
     name: "Dessert"
@@ -8021,10 +8021,10 @@
   const _hoisted_3$M = [
     _hoisted_2$13
   ];
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1q, _hoisted_3$M);
   }
-  var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$1t]]);
+  var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$1q]]);
 
   vue.defineComponent({
     name: "Download"
@@ -8148,10 +8148,10 @@
   const _hoisted_3$L = [
     _hoisted_2$12
   ];
-  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1p, _hoisted_3$L);
   }
-  var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$1s]]);
+  var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$1p]]);
 
   vue.defineComponent({
     name: "GobletFull"
@@ -8216,14 +8216,14 @@
     d: "M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z",
     fill: "currentColor"
   }, null, -1);
-  const _hoisted_4$g = [
+  const _hoisted_4$f = [
     _hoisted_2$11,
     _hoisted_3$K
   ];
-  function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_4$g);
+  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1o, _hoisted_4$f);
   }
-  var hide = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$1r]]);
+  var hide = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$1o]]);
 
   vue.defineComponent({
     name: "Histogram"
@@ -8275,10 +8275,10 @@
   const _hoisted_3$J = [
     _hoisted_2$10
   ];
-  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1n, _hoisted_3$J);
   }
-  var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$1q]]);
+  var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$1n]]);
 
   vue.defineComponent({
     name: "Iphone"
@@ -8318,10 +8318,10 @@
   const _hoisted_3$I = [
     _hoisted_2$$
   ];
-  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1m, _hoisted_3$I);
   }
-  var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$1p]]);
+  var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$1m]]);
 
   vue.defineComponent({
     name: "LocationFilled"
@@ -8405,10 +8405,10 @@
   const _hoisted_3$H = [
     _hoisted_2$_
   ];
-  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1l, _hoisted_3$H);
   }
-  var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$1o]]);
+  var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$1l]]);
 
   vue.defineComponent({
     name: "Money"
@@ -8440,10 +8440,10 @@
   const _hoisted_3$G = [
     _hoisted_2$Z
   ];
-  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1k, _hoisted_3$G);
   }
-  var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$1n]]);
+  var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$1k]]);
 
   const _sfc_main$2x = vue.defineComponent({
     name: "More"
@@ -8459,10 +8459,10 @@
   const _hoisted_3$F = [
     _hoisted_2$Y
   ];
-  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1j, _hoisted_3$F);
   }
-  var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$1m]]);
+  var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$1j]]);
 
   vue.defineComponent({
     name: "MostlyCloudy"
@@ -8554,10 +8554,10 @@
   const _hoisted_3$E = [
     _hoisted_2$X
   ];
-  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1i, _hoisted_3$E);
   }
-  var pictureFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$1l]]);
+  var pictureFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$1i]]);
 
   vue.defineComponent({
     name: "PictureRounded"
@@ -8593,10 +8593,10 @@
   const _hoisted_3$D = [
     _hoisted_2$W
   ];
-  function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1h, _hoisted_3$D);
   }
-  var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$1k]]);
+  var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$1h]]);
 
   vue.defineComponent({
     name: "Pointer"
@@ -8644,10 +8644,10 @@
   const _hoisted_3$C = [
     _hoisted_2$V
   ];
-  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1g, _hoisted_3$C);
   }
-  var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$1j]]);
+  var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$1g]]);
 
   vue.defineComponent({
     name: "Rank"
@@ -8675,10 +8675,10 @@
   const _hoisted_3$B = [
     _hoisted_2$U
   ];
-  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1f, _hoisted_3$B);
   }
-  var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$1i]]);
+  var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$1f]]);
 
   const _sfc_main$2s = vue.defineComponent({
     name: "RefreshRight"
@@ -8694,10 +8694,10 @@
   const _hoisted_3$A = [
     _hoisted_2$T
   ];
-  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1e, _hoisted_3$A);
   }
-  var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$1h]]);
+  var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$1e]]);
 
   vue.defineComponent({
     name: "Refresh"
@@ -8733,10 +8733,10 @@
   const _hoisted_3$z = [
     _hoisted_2$S
   ];
-  function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1d, _hoisted_3$z);
   }
-  var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$1g]]);
+  var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$1d]]);
 
   vue.defineComponent({
     name: "School"
@@ -8760,10 +8760,10 @@
   const _hoisted_3$y = [
     _hoisted_2$R
   ];
-  function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1c, _hoisted_3$y);
   }
-  var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1f]]);
+  var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1c]]);
 
   vue.defineComponent({
     name: "Select"
@@ -8839,10 +8839,10 @@
   const _hoisted_3$x = [
     _hoisted_2$Q
   ];
-  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1b, _hoisted_3$x);
   }
-  var sortDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1e]]);
+  var sortDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1b]]);
 
   const _sfc_main$2o = vue.defineComponent({
     name: "SortUp"
@@ -8858,10 +8858,10 @@
   const _hoisted_3$w = [
     _hoisted_2$P
   ];
-  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1a, _hoisted_3$w);
   }
-  var sortUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1d]]);
+  var sortUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1a]]);
 
   vue.defineComponent({
     name: "Sort"
@@ -8885,10 +8885,10 @@
   const _hoisted_3$v = [
     _hoisted_2$O
   ];
-  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$19, _hoisted_3$v);
   }
-  var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1c]]);
+  var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$19]]);
 
   const _sfc_main$2m = vue.defineComponent({
     name: "Star"
@@ -8904,10 +8904,10 @@
   const _hoisted_3$u = [
     _hoisted_2$N
   ];
-  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$18, _hoisted_3$u);
   }
-  var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1b]]);
+  var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$18]]);
 
   vue.defineComponent({
     name: "Stopwatch"
@@ -8927,10 +8927,10 @@
   const _hoisted_3$t = [
     _hoisted_2$M
   ];
-  function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$17, _hoisted_3$t);
   }
-  var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$1a]]);
+  var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$17]]);
 
   vue.defineComponent({
     name: "Sugar"
@@ -9066,10 +9066,10 @@
   const _hoisted_3$s = [
     _hoisted_2$L
   ];
-  function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$16, _hoisted_3$s);
   }
-  var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$19]]);
+  var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$16]]);
 
   vue.defineComponent({
     name: "WalletFilled"
@@ -9093,10 +9093,10 @@
   const _hoisted_3$r = [
     _hoisted_2$K
   ];
-  function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$15, _hoisted_3$r);
   }
-  var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$18]]);
+  var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$15]]);
 
   vue.defineComponent({
     name: "Warning"
@@ -9128,10 +9128,10 @@
   const _hoisted_3$q = [
     _hoisted_2$J
   ];
-  function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$14, _hoisted_3$q);
   }
-  var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$17]]);
+  var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$14]]);
 
   const _sfc_main$2h = vue.defineComponent({
     name: "ZoomOut"
@@ -9147,10 +9147,10 @@
   const _hoisted_3$p = [
     _hoisted_2$I
   ];
-  function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$13, _hoisted_3$p);
   }
-  var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$16]]);
+  var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$13]]);
 
   const wrapperKey = Symbol();
   const propKey = "__elPropsReservedKey";
@@ -9311,7 +9311,6 @@
   };
 
   const isValidComponentSize = (val) => ["", ...componentSizes].includes(val);
-  const isValidDatePickType = (val) => [...datePickTypes].includes(val);
 
   var PatchFlags = /* @__PURE__ */ ((PatchFlags2) => {
     PatchFlags2[PatchFlags2["TEXT"] = 1] = "TEXT";
@@ -9436,6 +9435,8 @@
   const tooltipV2ContentKey = Symbol("tooltipV2Content");
   const TOOLTIP_V2_OPEN = "tooltip_v2.open";
 
+  const ROOT_PICKER_INJECTION_KEY = Symbol();
+
   const useProp = (name) => {
     const vm = vue.getCurrentInstance();
     return vue.computed(() => {
@@ -11410,7 +11411,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220525";
+  const version$1 = "0.0.20220528";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -11460,11 +11461,11 @@
     return target;
   };
 
-  const __default__$16 = {
+  const __default__$18 = {
     name: "ElAffix"
   };
   const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$18,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11579,12 +11580,12 @@
     }
   });
 
-  const __default__$15 = {
+  const __default__$17 = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$17,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11646,11 +11647,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$14 = {
+  const __default__$16 = {
     name: "ElAlert"
   };
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$16,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11914,12 +11915,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__$13 = {
+  const __default__$15 = {
     name: "ElInput",
     inheritAttrs: false
   };
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$15,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -12387,15 +12388,15 @@
     always: Boolean
   });
 
-  const COMPONENT_NAME$e = "Thumb";
+  const COMPONENT_NAME$d = "Thumb";
   const _sfc_main$2c = vue.defineComponent({
-    name: COMPONENT_NAME$e,
+    name: COMPONENT_NAME$d,
     props: thumbProps,
     setup(props) {
       const scrollbar = vue.inject(scrollbarContextKey);
       const ns = useNamespace("scrollbar");
       if (!scrollbar)
-        throwError(COMPONENT_NAME$e, "can not inject scrollbar context");
+        throwError(COMPONENT_NAME$d, "can not inject scrollbar context");
       const instance = vue.ref();
       const thumb = vue.ref();
       const thumbState = vue.ref({});
@@ -12490,7 +12491,7 @@
       };
     }
   });
-  function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, {
       name: _ctx.ns.b("fade")
     }, {
@@ -12513,7 +12514,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$15], ["__file", "thumb.vue"]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$12], ["__file", "thumb.vue"]]);
 
   const barProps = buildProps({
     always: {
@@ -12562,7 +12563,7 @@
       };
     }
   });
-  function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_thumb = vue.resolveComponent("thumb");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
       vue.createVNode(_component_thumb, {
@@ -12580,7 +12581,7 @@
       }, null, 8, ["move", "ratio", "size", "always"])
     ], 64);
   }
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$14], ["__file", "bar.vue"]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$11], ["__file", "bar.vue"]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -12754,7 +12755,7 @@
       };
     }
   });
-  function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_bar = vue.resolveComponent("bar");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "scrollbar$",
@@ -12792,7 +12793,7 @@
       }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$13], ["__file", "scrollbar.vue"]]);
+  var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$10], ["__file", "scrollbar.vue"]]);
 
   const ElScrollbar = withInstall(Scrollbar);
 
@@ -12807,12 +12808,12 @@
     }
   });
 
-  const __default__$12 = {
+  const __default__$14 = {
     name: "ElPopperRoot",
     inheritAttrs: false
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$14,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12844,12 +12845,12 @@
     }
   });
 
-  const __default__$11 = {
+  const __default__$13 = {
     name: "ElPopperArrow",
     inheritAttrs: false
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$13,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12947,12 +12948,12 @@
     open: Boolean
   });
 
-  const __default__$10 = {
+  const __default__$12 = {
     name: "ElPopperTrigger",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$12,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13250,7 +13251,8 @@
         if (focusLayer.paused || !trapContainer)
           return;
         if (props.trapped) {
-          if (!trapContainer.contains(e.relatedTarget)) {
+          const relatedTarget = e.relatedTarget;
+          if (!isNil(relatedTarget) && !trapContainer.contains(relatedTarget)) {
             tryFocus(lastFocusAfterTrapped, true);
           }
         } else {
@@ -13328,10 +13330,10 @@
       };
     }
   });
-  function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$12], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$$], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const usePopperCoreConfigProps = buildProps({
@@ -13485,11 +13487,11 @@
   }
 
   const _hoisted_1$11 = ["role", "aria-label", "aria-modal"];
-  const __default__$$ = {
+  const __default__$11 = {
     name: "ElPopperContent"
   };
   const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$11,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13835,7 +13837,7 @@
       };
     }
   });
-  function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$_(_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,
@@ -13889,7 +13891,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$11], ["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$_], ["__file", "content.vue"]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -13953,7 +13955,7 @@
       };
     }
   });
-  function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Z(_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,
@@ -13975,7 +13977,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$10], ["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$Z], ["__file", "trigger.vue"]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$22 = vue.defineComponent({
@@ -14092,7 +14094,7 @@
   });
   const _hoisted_1$10 = ["innerHTML"];
   const _hoisted_2$G = { key: 1 };
-  function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Y(_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");
@@ -14159,7 +14161,7 @@
       _: 3
     }, 8, ["role"]);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$$], ["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$Y], ["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -14230,12 +14232,12 @@
   const _hoisted_1$$ = ["aria-expanded", "aria-owns"];
   const _hoisted_2$F = { key: 0 };
   const _hoisted_3$n = ["id", "aria-selected", "onClick"];
-  const __default__$_ = {
+  const __default__$10 = {
     name: "ElAutocomplete",
     inheritAttrs: false
   };
   const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$10,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -14573,11 +14575,11 @@
   };
 
   const _hoisted_1$_ = ["src", "alt", "srcset"];
-  const __default__$Z = {
+  const __default__$$ = {
     name: "ElAvatar"
   };
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$$,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14658,11 +14660,11 @@
   };
 
   const _hoisted_1$Z = ["onClick"];
-  const __default__$Y = {
+  const __default__$_ = {
     name: "ElBacktop"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$_,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14767,11 +14769,11 @@
   });
 
   const _hoisted_1$Y = ["textContent"];
-  const __default__$X = {
+  const __default__$Z = {
     name: "ElBadge"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Z,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14829,11 +14831,11 @@
     }
   });
 
-  const __default__$W = {
+  const __default__$Y = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$Y,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14872,11 +14874,11 @@
     }
   });
 
-  const __default__$V = {
+  const __default__$X = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$X,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15907,11 +15909,11 @@
   }
 
   const _hoisted_1$X = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$U = {
+  const __default__$W = {
     name: "ElButton"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$W,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -16019,11 +16021,11 @@
     type: buttonProps.type
   };
 
-  const __default__$T = {
+  const __default__$V = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$V,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16478,6 +16480,7 @@
   const DEFAULT_FORMATS_DATE = "YYYY-MM-DD";
   const DEFAULT_FORMATS_DATEPICKER = {
     date: DEFAULT_FORMATS_DATE,
+    dates: DEFAULT_FORMATS_DATE,
     week: "gggg[w]ww",
     year: "YYYY",
     month: "YYYY-MM",
@@ -17084,7 +17087,7 @@
   });
   const _hoisted_1$W = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -17269,7 +17272,7 @@
       _: 3
     }, 16, ["visible", "transition", "popper-class", "popper-options", "onBeforeShow", "onShow", "onHide"]);
   }
-  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$_], ["__file", "picker.vue"]]);
+  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$X], ["__file", "picker.vue"]]);
 
   const nodeList = /* @__PURE__ */ new Map();
   let startClick;
@@ -17776,7 +17779,7 @@
   });
   const _hoisted_1$V = ["onClick"];
   const _hoisted_2$D = ["onMouseenter"];
-  function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_arrow_up = vue.resolveComponent("arrow-up");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -17872,7 +17875,7 @@
       }), 128)) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$Z], ["__file", "basic-time-spinner.vue"]]);
+  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$W], ["__file", "basic-time-spinner.vue"]]);
 
   const _sfc_main$1T = vue.defineComponent({
     components: {
@@ -18038,7 +18041,7 @@
       };
     }
   });
-  function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
       default: vue.withCtx(() => [
@@ -18083,7 +18086,7 @@
       _: 1
     }, 8, ["name"]);
   }
-  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$Y], ["__file", "panel-time-pick.vue"]]);
+  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$V], ["__file", "panel-time-pick.vue"]]);
 
   const makeSelectRange = (start, end) => {
     const result = [];
@@ -18321,7 +18324,7 @@
     }
   });
   const _hoisted_1$U = ["disabled"];
-  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
@@ -18408,7 +18411,7 @@
       ], 2)
     ], 2)) : vue.createCommentVNode("v-if", true);
   }
-  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$X], ["__file", "panel-time-range.vue"]]);
+  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$U], ["__file", "panel-time-range.vue"]]);
 
   dayjs.extend(customParseFormat);
   var TimePicker = vue.defineComponent({
@@ -18502,11 +18505,11 @@
 
   const _hoisted_1$T = { key: 0 };
   const _hoisted_2$C = ["onClick"];
-  const __default__$S = {
+  const __default__$U = {
     name: "DateTable"
   };
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$U,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -18660,11 +18663,11 @@
     input: (value) => value instanceof Date
   };
 
-  const __default__$R = {
+  const __default__$T = {
     name: "ElCalendar"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$T,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18902,11 +18905,11 @@
     }
   });
 
-  const __default__$Q = {
+  const __default__$S = {
     name: "ElCard"
   };
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$S,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18987,11 +18990,11 @@
   const _hoisted_1$S = ["onMouseenter", "onMouseleave"];
   const _hoisted_2$B = ["onMouseenter", "onClick"];
   const _hoisted_3$m = { key: 0 };
-  const __default__$P = {
+  const __default__$R = {
     name: "ElCarousel"
   };
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$R,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -19298,11 +19301,11 @@
     }
   });
 
-  const __default__$O = {
+  const __default__$Q = {
     name: "ElCarouselItem"
   };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$Q,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -19710,11 +19713,11 @@
   const _hoisted_1$R = ["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__$N = {
+  const __default__$P = {
     name: "ElCheckbox"
   };
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$P,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19815,11 +19818,11 @@
 
   const _hoisted_1$Q = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
-  const __default__$M = {
+  const __default__$O = {
     name: "ElCheckboxButton"
   };
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$O,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19893,11 +19896,11 @@
   });
   var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox-button.vue"]]);
 
-  const __default__$L = {
+  const __default__$N = {
     name: "ElCheckboxGroup"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$N,
     props: useCheckboxGroupProps,
     emits: checkboxEmits,
     setup(__props, { emit }) {
@@ -20018,11 +20021,11 @@
   };
 
   const _hoisted_1$P = ["value", "name", "disabled"];
-  const __default__$K = {
+  const __default__$M = {
     name: "ElRadio"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+    ...__default__$M,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -20094,11 +20097,11 @@
   });
 
   const _hoisted_1$O = ["value", "name", "disabled"];
-  const __default__$J = {
+  const __default__$L = {
     name: "ElRadioButton"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+    ...__default__$L,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -20184,11 +20187,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$N = ["id", "aria-label", "aria-labelledby"];
-  const __default__$I = {
+  const __default__$K = {
     name: "ElRadioGroup"
   };
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+    ...__default__$K,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -20385,7 +20388,7 @@
   });
   const _hoisted_1$M = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$y = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -20468,7 +20471,7 @@
       ], 2112)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$M);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$W], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$T], ["__file", "node.vue"]]);
 
   const _sfc_main$1F = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -20548,7 +20551,7 @@
       };
     }
   });
-  function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -20601,7 +20604,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$V], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$S], ["__file", "menu.vue"]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -21076,7 +21079,7 @@
       };
     }
   });
-  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_cascader_menu = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -21093,7 +21096,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$U], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$R], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -21131,11 +21134,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$H = {
+  const __default__$J = {
     name: "ElTag"
   };
   const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+    ...__default__$J,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -21241,9 +21244,9 @@
       }
     ]
   };
-  const COMPONENT_NAME$d = "ElCascader";
+  const COMPONENT_NAME$c = "ElCascader";
   const _sfc_main$1C = vue.defineComponent({
-    name: COMPONENT_NAME$d,
+    name: COMPONENT_NAME$c,
     components: {
       ElCascaderPanel: _CascaderPanel,
       ElInput,
@@ -21663,8 +21666,8 @@
   const _hoisted_1$L = { key: 0 };
   const _hoisted_2$x = { class: "el-cascader__collapse-tags" };
   const _hoisted_3$k = ["placeholder"];
-  const _hoisted_4$f = ["onClick"];
-  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_4$e = ["onClick"];
+  function _sfc_render$Q(_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");
@@ -21876,7 +21879,7 @@
                   ]),
                   _: 1
                 })) : vue.createCommentVNode("v-if", true)
-              ], 10, _hoisted_4$f);
+              ], 10, _hoisted_4$e);
             }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
               vue.createElementVNode("li", {
                 class: vue.normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -21891,7 +21894,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$T], ["__file", "index.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$Q], ["__file", "index.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -21910,11 +21913,11 @@
     change: (value) => isBoolean(value)
   };
 
-  const __default__$G = {
+  const __default__$I = {
     name: "ElCheckTag"
   };
   const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+    ...__default__$I,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -22052,11 +22055,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$F = {
+  const __default__$H = {
     name: "ElCollapse"
   };
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+    ...__default__$H,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -22166,7 +22169,7 @@
       };
     }
   });
-  function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
       name: _ctx.ns.b()
     }, vue.toHandlers(_ctx.on)), {
@@ -22176,7 +22179,7 @@
       _: 3
     }, 16, ["name"]);
   }
-  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$S], ["__file", "collapse-transition.vue"]]);
+  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$P], ["__file", "collapse-transition.vue"]]);
 
   CollapseTransition.install = (app) => {
     app.component(CollapseTransition.name, CollapseTransition);
@@ -22199,11 +22202,11 @@
   const _hoisted_1$K = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$w = ["id", "tabindex", "onKeypress"];
   const _hoisted_3$j = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$E = {
+  const __default__$G = {
     name: "ElCollapseItem"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+    ...__default__$G,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -22445,7 +22448,7 @@
       };
     }
   });
-  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -22467,7 +22470,7 @@
       }, null, 4)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$R], ["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$O], ["__file", "alpha-slider.vue"]]);
 
   const _sfc_main$1w = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -22560,7 +22563,7 @@
       };
     }
   });
-  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -22579,7 +22582,7 @@
       }, null, 4)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$Q], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$N], ["__file", "hue-slider.vue"]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -22900,7 +22903,7 @@
   const _hoisted_1$J = { class: "el-color-predefine" };
   const _hoisted_2$v = { class: "el-color-predefine__colors" };
   const _hoisted_3$i = ["onClick"];
-  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
       vue.createElementVNode("div", _hoisted_2$v, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
@@ -22917,7 +22920,7 @@
       ])
     ]);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$P], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$M], ["__file", "predefine.vue"]]);
 
   const _sfc_main$1u = vue.defineComponent({
     name: "ElSlPanel",
@@ -22990,10 +22993,10 @@
   const _hoisted_1$I = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
   const _hoisted_2$u = /* @__PURE__ */ vue.createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
   const _hoisted_3$h = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-  const _hoisted_4$e = [
+  const _hoisted_4$d = [
     _hoisted_3$h
   ];
-  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: "el-color-svpanel",
       style: vue.normalizeStyle({
@@ -23008,10 +23011,10 @@
           top: _ctx.cursorTop + "px",
           left: _ctx.cursorLeft + "px"
         })
-      }, _hoisted_4$e, 4)
+      }, _hoisted_4$d, 4)
     ], 4);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$O], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$L], ["__file", "sv-panel.vue"]]);
 
   const _sfc_main$1t = vue.defineComponent({
     name: "ElColorPicker",
@@ -23212,7 +23215,7 @@
     }
   });
   const _hoisted_1$H = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$K(_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");
@@ -23367,7 +23370,7 @@
       _: 1
     }, 8, ["visible", "popper-class"]);
   }
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$N], ["__file", "index.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$K], ["__file", "index.vue"]]);
 
   ColorPicker.install = (app) => {
     app.component(ColorPicker.name, ColorPicker);
@@ -23424,11 +23427,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$D = {
+  const __default__$F = {
     name: "ElContainer"
   };
   const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+    ...__default__$F,
     props: {
       direction: {
         type: String
@@ -23465,11 +23468,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "container.vue"]]);
 
-  const __default__$C = {
+  const __default__$E = {
     name: "ElAside"
   };
   const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+    ...__default__$E,
     props: {
       width: {
         type: String,
@@ -23492,11 +23495,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "aside.vue"]]);
 
-  const __default__$B = {
+  const __default__$D = {
     name: "ElFooter"
   };
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+    ...__default__$D,
     props: {
       height: {
         type: String,
@@ -23519,11 +23522,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "footer.vue"]]);
 
-  const __default__$A = {
+  const __default__$C = {
     name: "ElHeader"
   };
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+    ...__default__$C,
     props: {
       height: {
         type: String,
@@ -23550,11 +23553,11 @@
   });
   var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "header.vue"]]);
 
-  const __default__$z = {
+  const __default__$B = {
     name: "ElMain"
   };
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+    ...__default__$B,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -23724,7 +23727,14 @@
   })(isSameOrBefore$1);
   var isSameOrBefore = isSameOrBefore$1.exports;
 
-  const selectionModes = ["date", "dates", "year", "month", "week"];
+  const datePickerProps = buildProps({
+    type: {
+      type: definePropType(String),
+      default: "date"
+    }
+  });
+
+  const selectionModes = ["date", "dates", "year", "month", "week", "range"];
   const datePickerSharedProps = buildProps({
     disabledDate: {
       type: definePropType(Function)
@@ -23740,8 +23750,7 @@
       type: definePropType(Object)
     },
     parsedValue: {
-      type: definePropType([Object, Array]),
-      required: true
+      type: definePropType([Object, Array])
     },
     rangeState: {
       type: definePropType(Object),
@@ -23751,6 +23760,19 @@
       })
     }
   });
+  const panelSharedProps = buildProps({
+    type: {
+      type: definePropType(String),
+      required: true,
+      values: datePickTypes
+    }
+  });
+  const panelRangeSharedProps = buildProps({
+    unlinkPanels: Boolean,
+    parsedValue: {
+      type: definePropType(Array)
+    }
+  });
   const selectionModeWithDefault = (mode) => {
     return {
       type: String,
@@ -23759,6 +23781,20 @@
     };
   };
 
+  const panelDatePickProps = buildProps({
+    ...panelSharedProps,
+    parsedValue: {
+      type: definePropType([Object, Array])
+    },
+    visible: {
+      type: Boolean
+    },
+    format: {
+      type: String,
+      default: ""
+    }
+  });
+
   const basicDateTableProps = buildProps({
     ...datePickerSharedProps,
     cellClassName: {
@@ -23768,35 +23804,37 @@
     selectionMode: selectionModeWithDefault("date")
   });
 
-  const ROOT_PICKER_INJECTION_KEY = Symbol();
+  const basicCellProps = buildProps({
+    cell: {
+      type: definePropType(Object)
+    }
+  });
 
   var ElDatePickerCell = vue.defineComponent({
     name: "ElDatePickerCell",
-    props: buildProps({
-      cell: {
-        type: definePropType(Object)
-      }
-    }),
+    props: basicCellProps,
     setup(props) {
       const ns = useNamespace("date-table-cell");
-      const picker = vue.inject(ROOT_PICKER_INJECTION_KEY);
+      const {
+        slots
+      } = vue.inject(ROOT_PICKER_INJECTION_KEY);
       return () => {
-        const cell = props.cell;
-        if (picker == null ? void 0 : picker.ctx.slots.default) {
-          const list = picker.ctx.slots.default(cell).filter((item) => {
+        const {
+          cell
+        } = props;
+        if (slots.default) {
+          const list = slots.default(cell).filter((item) => {
             return item.patchFlag !== -2 && item.type.toString() !== "Symbol(Comment)";
           });
           if (list.length) {
             return list;
           }
         }
-        return vue.h("div", {
-          class: ns.b()
-        }, [
-          vue.h("span", {
-            class: ns.e("text")
-          }, [cell == null ? void 0 : cell.text])
-        ]);
+        return vue.createVNode("div", {
+          "class": ns.b()
+        }, [vue.createVNode("span", {
+          "class": ns.e("text")
+        }, [cell == null ? void 0 : cell.text])]);
       };
     }
   });
@@ -23809,6 +23847,7 @@
     emits: ["changerange", "pick", "select"],
     expose: ["focus"],
     setup(props, ctx) {
+      const ns = useNamespace("date-table");
       const { t, lang } = useLocale();
       const tbodyRef = vue.ref();
       const currentCellRef = vue.ref();
@@ -24067,6 +24106,7 @@
         return false;
       };
       return {
+        ns,
         tbodyRef,
         currentCellRef,
         handleMouseMove,
@@ -24089,16 +24129,16 @@
     key: 0,
     scope: "col"
   };
-  const _hoisted_4$d = ["aria-label"];
-  const _hoisted_5$9 = ["aria-current", "aria-selected", "tabindex"];
-  function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_4$c = ["aria-label"];
+  const _hoisted_5$8 = ["aria-current", "aria-selected", "tabindex"];
+  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_date_picker_cell = vue.resolveComponent("el-date-picker-cell");
     return vue.openBlock(), vue.createElementBlock("table", {
       role: "grid",
       "aria-label": _ctx.t("el.datepicker.dateTablePrompt"),
       cellspacing: "0",
       cellpadding: "0",
-      class: vue.normalizeClass(["el-date-table", { "is-week-mode": _ctx.selectionMode === "week" }]),
+      class: vue.normalizeClass([_ctx.ns.b(), { "is-week-mode": _ctx.selectionMode === "week" }]),
       onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handlePickDate && _ctx.handlePickDate(...args)),
       onMousemove: _cache[2] || (_cache[2] = (...args) => _ctx.handleMouseMove && _ctx.handleMouseMove(...args))
     }, [
@@ -24110,13 +24150,13 @@
               key,
               scope: "col",
               "aria-label": _ctx.t("el.datepicker.weeksFull." + week)
-            }, vue.toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 9, _hoisted_4$d);
+            }, vue.toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 9, _hoisted_4$c);
           }), 128))
         ]),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (row, key) => {
           return vue.openBlock(), vue.createElementBlock("tr", {
             key,
-            class: vue.normalizeClass(["el-date-table__row", { current: _ctx.isWeekActive(row[1]) }])
+            class: vue.normalizeClass([_ctx.ns.e("row"), { current: _ctx.isWeekActive(row[1]) }])
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, key_) => {
               return vue.openBlock(), vue.createElementBlock("td", {
@@ -24130,14 +24170,14 @@
                 onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
               }, [
                 vue.createVNode(_component_el_date_picker_cell, { cell }, null, 8, ["cell"])
-              ], 42, _hoisted_5$9);
+              ], 42, _hoisted_5$8);
             }), 128))
           ], 2);
         }), 128))
       ], 512)
     ], 42, _hoisted_1$G);
   }
-  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$M], ["__file", "basic-date-table.vue"]]);
+  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$J], ["__file", "basic-date-table.vue"]]);
 
   const basicMonthTableProps = buildProps({
     ...datePickerSharedProps,
@@ -24154,6 +24194,7 @@
     emits: ["changerange", "pick", "select"],
     expose: ["focus"],
     setup(props, ctx) {
+      const ns = useNamespace("month-table");
       const { t, lang } = useLocale();
       const tbodyRef = vue.ref();
       const currentCellRef = vue.ref();
@@ -24291,6 +24332,7 @@
         }
       };
       return {
+        ns,
         tbodyRef,
         currentCellRef,
         handleMouseMove,
@@ -24307,12 +24349,12 @@
   const _hoisted_1$F = ["aria-label"];
   const _hoisted_2$s = { ref: "tbodyRef" };
   const _hoisted_3$f = ["aria-selected", "aria-label", "tabindex"];
-  const _hoisted_4$c = { class: "cell" };
-  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_4$b = { class: "cell" };
+  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       role: "grid",
       "aria-label": _ctx.t("el.datepicker.monthTablePrompt"),
-      class: "el-month-table",
+      class: vue.normalizeClass(_ctx.ns.b()),
       onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleMonthTableClick && _ctx.handleMonthTableClick(...args)),
       onMousemove: _cache[3] || (_cache[3] = (...args) => _ctx.handleMouseMove && _ctx.handleMouseMove(...args))
     }, [
@@ -24334,16 +24376,16 @@
                 ]
               }, [
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("span", _hoisted_4$c, vue.toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
+                  vue.createElementVNode("span", _hoisted_4$b, vue.toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
                 ])
               ], 42, _hoisted_3$f);
             }), 128))
           ]);
         }), 128))
       ], 512)
-    ], 40, _hoisted_1$F);
+    ], 42, _hoisted_1$F);
   }
-  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$L], ["__file", "basic-month-table.vue"]]);
+  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$I], ["__file", "basic-month-table.vue"]]);
 
   const { date, disabledDate, parsedValue } = datePickerSharedProps;
   const basicYearTableProps = buildProps({
@@ -24363,6 +24405,7 @@
     emits: ["pick"],
     expose: ["focus"],
     setup(props, ctx) {
+      const ns = useNamespace("year-table");
       const { t, lang } = useLocale();
       const tbodyRef = vue.ref();
       const currentCellRef = vue.ref();
@@ -24402,6 +24445,7 @@
         }
       };
       return {
+        ns,
         t,
         tbodyRef,
         currentCellRef,
@@ -24416,13 +24460,13 @@
   const _hoisted_1$E = ["aria-label"];
   const _hoisted_2$r = { ref: "tbodyRef" };
   const _hoisted_3$e = ["aria-selected", "tabindex"];
-  const _hoisted_4$b = { class: "cell" };
-  const _hoisted_5$8 = { key: 1 };
-  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_4$a = { class: "cell" };
+  const _hoisted_5$7 = { key: 1 };
+  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("table", {
       role: "grid",
       "aria-label": _ctx.t("el.datepicker.yearTablePrompt"),
-      class: "el-year-table",
+      class: vue.normalizeClass(_ctx.ns.b()),
       onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args))
     }, [
       vue.createElementVNode("tbody", _hoisted_2$r, [
@@ -24444,16 +24488,16 @@
                     _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args), ["prevent", "stop"]), ["enter"]))
                   ]
                 }, [
-                  vue.createElementVNode("span", _hoisted_4$b, vue.toDisplayString(_ctx.startYear + i * 4 + j), 1)
-                ], 42, _hoisted_3$e)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_5$8))
+                  vue.createElementVNode("span", _hoisted_4$a, vue.toDisplayString(_ctx.startYear + i * 4 + j), 1)
+                ], 42, _hoisted_3$e)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_5$7))
               ], 64);
             }), 64))
           ]);
         }), 64))
       ], 512)
-    ], 8, _hoisted_1$E);
+    ], 10, _hoisted_1$E);
   }
-  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$K], ["__file", "basic-year-table.vue"]]);
+  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$H], ["__file", "basic-year-table.vue"]]);
 
   const timeWithinRange = (_, __, ___) => true;
   const _sfc_main$1k = vue.defineComponent({
@@ -24471,26 +24515,11 @@
       ArrowRight: arrowRight
     },
     directives: { clickoutside: ClickOutside },
-    props: {
-      visible: {
-        type: Boolean,
-        default: false
-      },
-      parsedValue: {
-        type: [Object, Array]
-      },
-      format: {
-        type: String,
-        default: ""
-      },
-      type: {
-        type: String,
-        required: true,
-        validator: isValidDatePickType
-      }
-    },
+    props: panelDatePickProps,
     emits: ["pick", "set-picker-option", "panel-change"],
     setup(props, ctx) {
+      const ppNs = useNamespace("picker-panel");
+      const dpNs = useNamespace("date-picker");
       const { t, lang } = useLocale();
       const pickerBase = vue.inject("EP_PICKER_BASE");
       const popper = vue.inject(TOOLTIP_INJECTION_KEY);
@@ -24865,6 +24894,8 @@
         }
       }, { immediate: true });
       return {
+        ppNs,
+        dpNs,
         currentViewRef,
         handleTimePick,
         handleTimePickClose,
@@ -24906,27 +24937,12 @@
       };
     }
   });
-  const _hoisted_1$D = { class: "el-picker-panel__body-wrapper" };
-  const _hoisted_2$q = {
-    key: 0,
-    class: "el-picker-panel__sidebar"
-  };
-  const _hoisted_3$d = ["onClick"];
-  const _hoisted_4$a = { class: "el-picker-panel__body" };
-  const _hoisted_5$7 = {
-    key: 0,
-    class: "el-date-picker__time-header"
-  };
-  const _hoisted_6$3 = { class: "el-date-picker__editor-wrap" };
-  const _hoisted_7$3 = { class: "el-date-picker__editor-wrap" };
-  const _hoisted_8$3 = { class: "el-date-picker__prev-btn" };
-  const _hoisted_9$3 = ["aria-label"];
-  const _hoisted_10$3 = ["aria-label"];
-  const _hoisted_11$2 = { class: "el-date-picker__next-btn" };
-  const _hoisted_12$2 = ["aria-label"];
-  const _hoisted_13$2 = ["aria-label"];
-  const _hoisted_14$2 = { class: "el-picker-panel__footer" };
-  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$D = ["onClick"];
+  const _hoisted_2$q = ["aria-label"];
+  const _hoisted_3$d = ["aria-label"];
+  const _hoisted_4$9 = ["aria-label"];
+  const _hoisted_5$6 = ["aria-label"];
+  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_time_pick_panel = vue.resolveComponent("time-pick-panel");
     const _component_d_arrow_left = vue.resolveComponent("d-arrow-left");
@@ -24940,28 +24956,44 @@
     const _component_el_button = vue.resolveComponent("el-button");
     const _directive_clickoutside = vue.resolveDirective("clickoutside");
     return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(["el-picker-panel el-date-picker", [
+      class: vue.normalizeClass([
+        _ctx.ppNs.b(),
+        _ctx.dpNs.b(),
         {
           "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts,
           "has-time": _ctx.showTime
         }
-      ]])
+      ])
     }, [
-      vue.createElementVNode("div", _hoisted_1$D, [
-        vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-        _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$q, [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ppNs.e("body-wrapper"))
+      }, [
+        vue.renderSlot(_ctx.$slots, "sidebar", {
+          class: vue.normalizeClass(_ctx.ppNs.e("sidebar"))
+        }),
+        _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(_ctx.ppNs.e("sidebar"))
+        }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
             return vue.openBlock(), vue.createElementBlock("button", {
               key,
               type: "button",
-              class: "el-picker-panel__shortcut",
+              class: vue.normalizeClass(_ctx.ppNs.e("shortcut")),
               onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-            }, vue.toDisplayString(shortcut.text), 9, _hoisted_3$d);
+            }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$D);
           }), 128))
-        ])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_4$a, [
-          _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
-            vue.createElementVNode("span", _hoisted_6$3, [
+        ], 2)) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(_ctx.ppNs.e("body"))
+        }, [
+          _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(_ctx.dpNs.e("time-header"))
+          }, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(_ctx.dpNs.e("editor-wrap"))
+            }, [
               vue.createVNode(_component_el_input, {
                 placeholder: _ctx.t("el.datepicker.selectDate"),
                 "model-value": _ctx.visibleDate,
@@ -24969,8 +25001,10 @@
                 onInput: _cache[0] || (_cache[0] = (val) => _ctx.userInputDate = val),
                 onChange: _ctx.handleVisibleDateChange
               }, null, 8, ["placeholder", "model-value", "onChange"])
-            ]),
-            vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_7$3, [
+            ], 2),
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
+              class: vue.normalizeClass(_ctx.dpNs.e("editor-wrap"))
+            }, [
               vue.createVNode(_component_el_input, {
                 placeholder: _ctx.t("el.datepicker.selectTime"),
                 "model-value": _ctx.visibleTime,
@@ -24986,20 +25020,23 @@
                 "parsed-value": _ctx.innerDate,
                 onPick: _ctx.handleTimePick
               }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value", "onPick"])
-            ])), [
+            ], 2)), [
               [_directive_clickoutside, _ctx.handleTimePickClose]
             ])
-          ])) : vue.createCommentVNode("v-if", true),
+          ], 2)) : vue.createCommentVNode("v-if", true),
           vue.withDirectives(vue.createElementVNode("div", {
-            class: vue.normalizeClass(["el-date-picker__header", {
-              "el-date-picker__header--bordered": _ctx.currentView === "year" || _ctx.currentView === "month"
-            }])
+            class: vue.normalizeClass([
+              _ctx.dpNs.e("header"),
+              (_ctx.currentView === "year" || _ctx.currentView === "month") && _ctx.dpNs.e("header--bordered")
+            ])
           }, [
-            vue.createElementVNode("span", _hoisted_8$3, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(_ctx.dpNs.e("prev-btn"))
+            }, [
               vue.createElementVNode("button", {
                 type: "button",
                 "aria-label": _ctx.t(`el.datepicker.prevYear`),
-                class: "el-picker-panel__icon-btn d-arrow-left",
+                class: vue.normalizeClass(["d-arrow-left", _ctx.ppNs.e("icon-btn")]),
                 onClick: _cache[2] || (_cache[2] = (...args) => _ctx.prevYear_ && _ctx.prevYear_(...args))
               }, [
                 vue.createVNode(_component_el_icon, null, {
@@ -25008,11 +25045,11 @@
                   ]),
                   _: 1
                 })
-              ], 8, _hoisted_9$3),
+              ], 10, _hoisted_2$q),
               vue.withDirectives(vue.createElementVNode("button", {
                 type: "button",
                 "aria-label": _ctx.t(`el.datepicker.prevMonth`),
-                class: "el-picker-panel__icon-btn arrow-left",
+                class: vue.normalizeClass([_ctx.ppNs.e("icon-btn"), "arrow-left"]),
                 onClick: _cache[3] || (_cache[3] = (...args) => _ctx.prevMonth_ && _ctx.prevMonth_(...args))
               }, [
                 vue.createVNode(_component_el_icon, null, {
@@ -25021,33 +25058,38 @@
                   ]),
                   _: 1
                 })
-              ], 8, _hoisted_10$3), [
+              ], 10, _hoisted_3$d), [
                 [vue.vShow, _ctx.currentView === "date"]
               ])
-            ]),
+            ], 2),
             vue.createElementVNode("span", {
               role: "button",
-              class: "el-date-picker__header-label",
+              class: vue.normalizeClass(_ctx.dpNs.e("header-label")),
               "aria-live": "polite",
               tabindex: "0",
               onKeydown: _cache[4] || (_cache[4] = vue.withKeys((...args) => _ctx.showYearPicker && _ctx.showYearPicker(...args), ["enter"])),
               onClick: _cache[5] || (_cache[5] = (...args) => _ctx.showYearPicker && _ctx.showYearPicker(...args))
-            }, vue.toDisplayString(_ctx.yearLabel), 33),
+            }, vue.toDisplayString(_ctx.yearLabel), 35),
             vue.withDirectives(vue.createElementVNode("span", {
               role: "button",
-              class: vue.normalizeClass(["el-date-picker__header-label", { active: _ctx.currentView === "month" }]),
               "aria-live": "polite",
               tabindex: "0",
+              class: vue.normalizeClass([
+                _ctx.dpNs.e("header-label"),
+                { active: _ctx.currentView === "month" }
+              ]),
               onKeydown: _cache[6] || (_cache[6] = vue.withKeys((...args) => _ctx.showMonthPicker && _ctx.showMonthPicker(...args), ["enter"])),
               onClick: _cache[7] || (_cache[7] = (...args) => _ctx.showMonthPicker && _ctx.showMonthPicker(...args))
             }, vue.toDisplayString(_ctx.t(`el.datepicker.month${_ctx.month + 1}`)), 35), [
               [vue.vShow, _ctx.currentView === "date"]
             ]),
-            vue.createElementVNode("span", _hoisted_11$2, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(_ctx.dpNs.e("next-btn"))
+            }, [
               vue.withDirectives(vue.createElementVNode("button", {
                 type: "button",
                 "aria-label": _ctx.t(`el.datepicker.nextMonth`),
-                class: "el-picker-panel__icon-btn arrow-right",
+                class: vue.normalizeClass([_ctx.ppNs.e("icon-btn"), "arrow-right"]),
                 onClick: _cache[8] || (_cache[8] = (...args) => _ctx.nextMonth_ && _ctx.nextMonth_(...args))
               }, [
                 vue.createVNode(_component_el_icon, null, {
@@ -25056,13 +25098,13 @@
                   ]),
                   _: 1
                 })
-              ], 8, _hoisted_12$2), [
+              ], 10, _hoisted_4$9), [
                 [vue.vShow, _ctx.currentView === "date"]
               ]),
               vue.createElementVNode("button", {
                 type: "button",
                 "aria-label": _ctx.t(`el.datepicker.nextYear`),
-                class: "el-picker-panel__icon-btn d-arrow-right",
+                class: vue.normalizeClass([_ctx.ppNs.e("icon-btn"), "d-arrow-right"]),
                 onClick: _cache[9] || (_cache[9] = (...args) => _ctx.nextYear_ && _ctx.nextYear_(...args))
               }, [
                 vue.createVNode(_component_el_icon, null, {
@@ -25071,13 +25113,13 @@
                   ]),
                   _: 1
                 })
-              ], 8, _hoisted_13$2)
-            ])
+              ], 10, _hoisted_5$6)
+            ], 2)
           ], 2), [
             [vue.vShow, _ctx.currentView !== "time"]
           ]),
           vue.createElementVNode("div", {
-            class: "el-picker-panel__content",
+            class: vue.normalizeClass(_ctx.ppNs.e("content")),
             onKeydown: _cache[10] || (_cache[10] = (...args) => _ctx.handleKeydownTable && _ctx.handleKeydownTable(...args))
           }, [
             _ctx.currentView === "date" ? (vue.openBlock(), vue.createBlock(_component_date_table, {
@@ -25106,72 +25148,139 @@
               "disabled-date": _ctx.disabledDate,
               onPick: _ctx.handleMonthPick
             }, null, 8, ["date", "parsed-value", "disabled-date", "onPick"])) : vue.createCommentVNode("v-if", true)
-          ], 32)
-        ])
-      ]),
-      vue.withDirectives(vue.createElementVNode("div", _hoisted_14$2, [
+          ], 34)
+        ], 2)
+      ], 2),
+      vue.withDirectives(vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ppNs.e("footer"))
+      }, [
         vue.withDirectives(vue.createVNode(_component_el_button, {
           text: "",
           size: "small",
-          class: "el-picker-panel__link-btn",
+          class: vue.normalizeClass(_ctx.ppNs.e("link-btn")),
           onClick: _ctx.changeToNow
         }, {
           default: vue.withCtx(() => [
             vue.createTextVNode(vue.toDisplayString(_ctx.t("el.datepicker.now")), 1)
           ]),
           _: 1
-        }, 8, ["onClick"]), [
+        }, 8, ["class", "onClick"]), [
           [vue.vShow, _ctx.selectionMode !== "dates"]
         ]),
         vue.createVNode(_component_el_button, {
           plain: "",
           size: "small",
-          class: "el-picker-panel__link-btn",
+          class: vue.normalizeClass(_ctx.ppNs.e("link-btn")),
           onClick: _ctx.onConfirm
         }, {
           default: vue.withCtx(() => [
             vue.createTextVNode(vue.toDisplayString(_ctx.t("el.datepicker.confirm")), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])
-      ], 512), [
+        }, 8, ["class", "onClick"])
+      ], 2), [
         [vue.vShow, _ctx.footerVisible && _ctx.currentView === "date"]
       ])
     ], 2);
   }
-  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$J], ["__file", "panel-date-pick.vue"]]);
+  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$G], ["__file", "panel-date-pick.vue"]]);
 
-  const _sfc_main$1j = vue.defineComponent({
-    directives: { clickoutside: ClickOutside },
-    components: {
-      TimePickPanel,
-      DateTable,
-      ElInput,
-      ElButton,
-      ElIcon,
-      DArrowLeft: dArrowLeft,
-      ArrowLeft: arrowLeft,
-      DArrowRight: dArrowRight,
-      ArrowRight: arrowRight
-    },
-    props: {
-      unlinkPanels: Boolean,
-      parsedValue: {
-        type: Array
-      },
-      type: {
-        type: String,
-        required: true,
-        validator: isValidDatePickType
+  const panelDateRangeProps = buildProps({
+    ...panelSharedProps,
+    ...panelRangeSharedProps
+  });
+
+  const useRangePicker = () => {
+    const { emit } = vue.getCurrentInstance();
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
+    const { pickerNs } = vue.inject(ROOT_PICKER_INJECTION_KEY);
+    const drpNs = useNamespace("date-range-picker");
+    const { t, lang } = useLocale();
+    const minDate = vue.ref();
+    const maxDate = vue.ref();
+    const rangeState = vue.ref({
+      endDate: null,
+      selecting: false
+    });
+    const handleChangeRange = (val) => {
+      rangeState.value = val;
+    };
+    const handleRangeConfirm = (visible = false) => {
+      const _minDate = vue.unref(minDate);
+      const _maxDate = vue.unref(maxDate);
+      if (isValidRange([_minDate, _maxDate])) {
+        emit("pick", [_minDate, _maxDate], visible);
+      }
+    };
+    const onSelect = (selecting) => {
+      rangeState.value.selecting = selecting;
+      if (!selecting) {
+        rangeState.value.endDate = null;
+      }
+    };
+    const handleShortcutClick = (shortcut) => {
+      const shortcutValues = isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
+      if (shortcutValues) {
+        emit("pick", [
+          dayjs(shortcutValues[0]).locale(lang.value),
+          dayjs(shortcutValues[1]).locale(lang.value)
+        ]);
+        return;
       }
-    },
-    emits: ["pick", "set-picker-option", "calendar-change", "panel-change"],
-    setup(props, ctx) {
-      const { t, lang } = useLocale();
+      if (shortcut.onClick) {
+        shortcut.onClick({
+          attrs,
+          slots,
+          emit
+        });
+      }
+    };
+    return {
+      minDate,
+      maxDate,
+      rangeState,
+      lang,
+      ppNs: pickerNs,
+      drpNs,
+      handleChangeRange,
+      handleRangeConfirm,
+      handleShortcutClick,
+      onSelect,
+      t
+    };
+  };
+
+  const _hoisted_1$C = ["onClick"];
+  const _hoisted_2$p = ["disabled"];
+  const _hoisted_3$c = ["disabled"];
+  const _hoisted_4$8 = ["disabled"];
+  const _hoisted_5$5 = ["disabled"];
+  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+    props: panelDateRangeProps,
+    emits: [
+      "pick",
+      "set-picker-option",
+      "calendar-change",
+      "panel-change"
+    ],
+    setup(__props, { emit }) {
+      const props = __props;
+      const {
+        minDate,
+        maxDate,
+        rangeState,
+        ppNs,
+        drpNs,
+        lang,
+        handleChangeRange,
+        handleRangeConfirm,
+        handleShortcutClick,
+        onSelect,
+        t
+      } = useRangePicker();
       const leftDate = vue.ref(dayjs().locale(lang.value));
       const rightDate = vue.ref(dayjs().locale(lang.value).add(1, "month"));
-      const minDate = vue.ref(null);
-      const maxDate = vue.ref(null);
       const dateUserInput = vue.ref({
         min: null,
         max: null
@@ -25282,7 +25391,7 @@
         handlePanelChange("month");
       };
       const handlePanelChange = (mode) => {
-        ctx.emit("panel-change", [leftDate.value.toDate(), rightDate.value.toDate()], mode);
+        emit("panel-change", [leftDate.value.toDate(), rightDate.value.toDate()], mode);
       };
       const enableMonthArrow = vue.computed(() => {
         const nextMonth = (leftMonth.value + 1) % 12;
@@ -25292,31 +25401,10 @@
       const enableYearArrow = vue.computed(() => {
         return props.unlinkPanels && rightYear.value * 12 + rightMonth.value - (leftYear.value * 12 + leftMonth.value + 1) >= 12;
       });
-      const isValidValue = (value) => {
-        return Array.isArray(value) && value[0] && value[1] && value[0].valueOf() <= value[1].valueOf();
-      };
-      const rangeState = vue.ref({
-        endDate: null,
-        selecting: false
-      });
       const btnDisabled = vue.computed(() => {
-        return !(minDate.value && maxDate.value && !rangeState.value.selecting && isValidValue([minDate.value, maxDate.value]));
+        return !(minDate.value && maxDate.value && !rangeState.value.selecting && isValidRange([minDate.value, maxDate.value]));
       });
-      const handleChangeRange = (val) => {
-        rangeState.value = val;
-      };
-      const onSelect = (selecting) => {
-        rangeState.value.selecting = selecting;
-        if (!selecting) {
-          rangeState.value.endDate = null;
-        }
-      };
       const showTime = vue.computed(() => props.type === "datetime" || props.type === "datetimerange");
-      const handleConfirm = (visible = false) => {
-        if (isValidValue([minDate.value, maxDate.value])) {
-          ctx.emit("pick", [minDate.value, maxDate.value], visible);
-        }
-      };
       const formatEmit = (emitDayjs, index) => {
         if (!emitDayjs)
           return;
@@ -25334,25 +25422,12 @@
         if (maxDate.value === maxDate_ && minDate.value === minDate_) {
           return;
         }
-        ctx.emit("calendar-change", [min_.toDate(), max_ && max_.toDate()]);
+        emit("calendar-change", [min_.toDate(), max_ && max_.toDate()]);
         maxDate.value = maxDate_;
         minDate.value = minDate_;
         if (!close || showTime.value)
           return;
-        handleConfirm();
-      };
-      const handleShortcutClick = (shortcut) => {
-        const shortcutValues = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
-        if (shortcutValues) {
-          ctx.emit("pick", [
-            dayjs(shortcutValues[0]).locale(lang.value),
-            dayjs(shortcutValues[1]).locale(lang.value)
-          ]);
-          return;
-        }
-        if (shortcut.onClick) {
-          shortcut.onClick(ctx);
-        }
+        handleRangeConfirm();
       };
       const minTimePickerVisible = vue.ref(false);
       const maxTimePickerVisible = vue.ref(false);
@@ -25451,13 +25526,13 @@
       const handleClear = () => {
         leftDate.value = getDefaultValue()[0];
         rightDate.value = leftDate.value.add(1, "month");
-        ctx.emit("pick", null);
+        emit("pick", null);
       };
       const formatToString = (value) => {
-        return Array.isArray(value) ? value.map((_) => _.format(format)) : value.format(format);
+        return isArray(value) ? value.map((_) => _.format(format)) : value.format(format);
       };
       const parseUserInput = (value) => {
-        return Array.isArray(value) ? value.map((_) => dayjs(_, format).locale(lang.value)) : dayjs(value, format).locale(lang.value);
+        return isArray(value) ? value.map((_) => dayjs(_, format).locale(lang.value)) : dayjs(value, format).locale(lang.value);
       };
       const getDefaultValue = () => {
         let start;
@@ -25476,10 +25551,10 @@
         start = start.locale(lang.value);
         return [start, start.add(1, "month")];
       };
-      ctx.emit("set-picker-option", ["isValidValue", isValidValue]);
-      ctx.emit("set-picker-option", ["parseUserInput", parseUserInput]);
-      ctx.emit("set-picker-option", ["formatToString", formatToString]);
-      ctx.emit("set-picker-option", ["handleClear", handleClear]);
+      emit("set-picker-option", ["isValidRange", isValidRange]);
+      emit("set-picker-option", ["parseUserInput", parseUserInput]);
+      emit("set-picker-option", ["formatToString", formatToString]);
+      emit("set-picker-option", ["handleClear", handleClear]);
       const pickerBase = vue.inject("EP_PICKER_BASE");
       const {
         shortcuts,
@@ -25491,11 +25566,11 @@
         clearable
       } = pickerBase.props;
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
-      vue.watch(() => defaultValue.value, (val) => {
+      vue.watch(defaultValue, (val) => {
         if (val) {
           const defaultArr = getDefaultValue();
-          minDate.value = null;
-          maxDate.value = null;
+          minDate.value = void 0;
+          maxDate.value = void 0;
           leftDate.value = defaultArr[0];
           rightDate.value = defaultArr[1];
         }
@@ -25519,438 +25594,440 @@
           }
         } else {
           const defaultArr = getDefaultValue();
-          minDate.value = null;
-          maxDate.value = null;
+          minDate.value = void 0;
+          maxDate.value = void 0;
           leftDate.value = defaultArr[0];
           rightDate.value = defaultArr[1];
         }
       }, { immediate: true });
-      return {
-        shortcuts,
-        disabledDate,
-        cellClassName,
-        minTimePickerVisible,
-        maxTimePickerVisible,
-        handleMinTimeClose,
-        handleMaxTimeClose,
-        handleShortcutClick,
-        rangeState,
-        minDate,
-        maxDate,
-        handleRangePick,
-        onSelect,
-        handleChangeRange,
-        btnDisabled,
-        enableYearArrow,
-        enableMonthArrow,
-        rightPrevMonth,
-        rightPrevYear,
-        rightNextMonth,
-        rightNextYear,
-        leftPrevMonth,
-        leftPrevYear,
-        leftNextMonth,
-        leftNextYear,
-        hasShortcuts,
-        leftLabel,
-        rightLabel,
-        leftDate,
-        rightDate,
-        showTime,
-        t,
-        minVisibleDate,
-        maxVisibleDate,
-        minVisibleTime,
-        maxVisibleTime,
-        arrowControl,
-        handleDateInput,
-        handleDateChange,
-        handleTimeInput,
-        handleTimeChange,
-        handleMinTimePick,
-        handleMaxTimePick,
-        handleClear,
-        handleConfirm,
-        timeFormat,
-        clearable
-      };
-    }
-  });
-  const _hoisted_1$C = { class: "el-picker-panel__body-wrapper" };
-  const _hoisted_2$p = {
-    key: 0,
-    class: "el-picker-panel__sidebar"
-  };
-  const _hoisted_3$c = ["onClick"];
-  const _hoisted_4$9 = { class: "el-picker-panel__body" };
-  const _hoisted_5$6 = {
-    key: 0,
-    class: "el-date-range-picker__time-header"
-  };
-  const _hoisted_6$2 = { class: "el-date-range-picker__editors-wrap" };
-  const _hoisted_7$2 = { class: "el-date-range-picker__time-picker-wrap" };
-  const _hoisted_8$2 = { class: "el-date-range-picker__time-picker-wrap" };
-  const _hoisted_9$2 = { class: "el-date-range-picker__editors-wrap is-right" };
-  const _hoisted_10$2 = { class: "el-date-range-picker__time-picker-wrap" };
-  const _hoisted_11$1 = { class: "el-date-range-picker__time-picker-wrap" };
-  const _hoisted_12$1 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
-  const _hoisted_13$1 = { class: "el-date-range-picker__header" };
-  const _hoisted_14$1 = ["disabled"];
-  const _hoisted_15$1 = ["disabled"];
-  const _hoisted_16$1 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
-  const _hoisted_17$1 = { class: "el-date-range-picker__header" };
-  const _hoisted_18$1 = ["disabled"];
-  const _hoisted_19$1 = ["disabled"];
-  const _hoisted_20$1 = {
-    key: 0,
-    class: "el-picker-panel__footer"
-  };
-  function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_input = vue.resolveComponent("el-input");
-    const _component_time_pick_panel = vue.resolveComponent("time-pick-panel");
-    const _component_arrow_right = vue.resolveComponent("arrow-right");
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_d_arrow_left = vue.resolveComponent("d-arrow-left");
-    const _component_arrow_left = vue.resolveComponent("arrow-left");
-    const _component_d_arrow_right = vue.resolveComponent("d-arrow-right");
-    const _component_date_table = vue.resolveComponent("date-table");
-    const _component_el_button = vue.resolveComponent("el-button");
-    const _directive_clickoutside = vue.resolveDirective("clickoutside");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(["el-picker-panel el-date-range-picker", [
-        {
-          "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts,
-          "has-time": _ctx.showTime
-        }
-      ]])
-    }, [
-      vue.createElementVNode("div", _hoisted_1$C, [
-        vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-        _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
-            return vue.openBlock(), vue.createElementBlock("button", {
-              key,
-              type: "button",
-              class: "el-picker-panel__shortcut",
-              onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-            }, vue.toDisplayString(shortcut.text), 9, _hoisted_3$c);
-          }), 128))
-        ])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_4$9, [
-          _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
-            vue.createElementVNode("span", _hoisted_6$2, [
-              vue.createElementVNode("span", _hoisted_7$2, [
-                vue.createVNode(_component_el_input, {
-                  size: "small",
-                  disabled: _ctx.rangeState.selecting,
-                  placeholder: _ctx.t("el.datepicker.startDate"),
-                  class: "el-date-range-picker__editor",
-                  "model-value": _ctx.minVisibleDate,
-                  onInput: _cache[0] || (_cache[0] = (val) => _ctx.handleDateInput(val, "min")),
-                  onChange: _cache[1] || (_cache[1] = (val) => _ctx.handleDateChange(val, "min"))
-                }, null, 8, ["disabled", "placeholder", "model-value"])
-              ]),
-              vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_8$2, [
-                vue.createVNode(_component_el_input, {
-                  size: "small",
-                  class: "el-date-range-picker__editor",
-                  disabled: _ctx.rangeState.selecting,
-                  placeholder: _ctx.t("el.datepicker.startTime"),
-                  "model-value": _ctx.minVisibleTime,
-                  onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.minTimePickerVisible = true),
-                  onInput: _cache[3] || (_cache[3] = (val) => _ctx.handleTimeInput(val, "min")),
-                  onChange: _cache[4] || (_cache[4] = (val) => _ctx.handleTimeChange(val, "min"))
-                }, null, 8, ["disabled", "placeholder", "model-value"]),
-                vue.createVNode(_component_time_pick_panel, {
-                  visible: _ctx.minTimePickerVisible,
-                  format: _ctx.timeFormat,
-                  "datetime-role": "start",
-                  "time-arrow-control": _ctx.arrowControl,
-                  "parsed-value": _ctx.leftDate,
-                  onPick: _ctx.handleMinTimePick
-                }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value", "onPick"])
-              ])), [
-                [_directive_clickoutside, _ctx.handleMinTimeClose]
-              ])
-            ]),
-            vue.createElementVNode("span", null, [
-              vue.createVNode(_component_el_icon, null, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_arrow_right)
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createElementVNode("span", _hoisted_9$2, [
-              vue.createElementVNode("span", _hoisted_10$2, [
-                vue.createVNode(_component_el_input, {
-                  size: "small",
-                  class: "el-date-range-picker__editor",
-                  disabled: _ctx.rangeState.selecting,
-                  placeholder: _ctx.t("el.datepicker.endDate"),
-                  "model-value": _ctx.maxVisibleDate,
-                  readonly: !_ctx.minDate,
-                  onInput: _cache[5] || (_cache[5] = (val) => _ctx.handleDateInput(val, "max")),
-                  onChange: _cache[6] || (_cache[6] = (val) => _ctx.handleDateChange(val, "max"))
-                }, null, 8, ["disabled", "placeholder", "model-value", "readonly"])
-              ]),
-              vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_11$1, [
-                vue.createVNode(_component_el_input, {
-                  size: "small",
-                  class: "el-date-range-picker__editor",
-                  disabled: _ctx.rangeState.selecting,
-                  placeholder: _ctx.t("el.datepicker.endTime"),
-                  "model-value": _ctx.maxVisibleTime,
-                  readonly: !_ctx.minDate,
-                  onFocus: _cache[7] || (_cache[7] = ($event) => _ctx.minDate && (_ctx.maxTimePickerVisible = true)),
-                  onInput: _cache[8] || (_cache[8] = (val) => _ctx.handleTimeInput(val, "max")),
-                  onChange: _cache[9] || (_cache[9] = (val) => _ctx.handleTimeChange(val, "max"))
-                }, null, 8, ["disabled", "placeholder", "model-value", "readonly"]),
-                vue.createVNode(_component_time_pick_panel, {
-                  "datetime-role": "end",
-                  visible: _ctx.maxTimePickerVisible,
-                  format: _ctx.timeFormat,
-                  "time-arrow-control": _ctx.arrowControl,
-                  "parsed-value": _ctx.rightDate,
-                  onPick: _ctx.handleMaxTimePick
-                }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value", "onPick"])
-              ])), [
-                [_directive_clickoutside, _ctx.handleMaxTimeClose]
-              ])
-            ])
-          ])) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", _hoisted_12$1, [
-            vue.createElementVNode("div", _hoisted_13$1, [
-              vue.createElementVNode("button", {
-                type: "button",
-                class: "el-picker-panel__icon-btn d-arrow-left",
-                onClick: _cache[10] || (_cache[10] = (...args) => _ctx.leftPrevYear && _ctx.leftPrevYear(...args))
-              }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_d_arrow_left)
-                  ]),
-                  _: 1
-                })
-              ]),
-              vue.createElementVNode("button", {
-                type: "button",
-                class: "el-picker-panel__icon-btn arrow-left",
-                onClick: _cache[11] || (_cache[11] = (...args) => _ctx.leftPrevMonth && _ctx.leftPrevMonth(...args))
-              }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_arrow_left)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
-                key: 0,
-                type: "button",
-                disabled: !_ctx.enableYearArrow,
-                class: vue.normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-right"]),
-                onClick: _cache[12] || (_cache[12] = (...args) => _ctx.leftNextYear && _ctx.leftNextYear(...args))
-              }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_d_arrow_right)
-                  ]),
-                  _: 1
-                })
-              ], 10, _hoisted_14$1)) : vue.createCommentVNode("v-if", true),
-              _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
-                key: 1,
-                type: "button",
-                disabled: !_ctx.enableMonthArrow,
-                class: vue.normalizeClass([{ "is-disabled": !_ctx.enableMonthArrow }, "el-picker-panel__icon-btn arrow-right"]),
-                onClick: _cache[13] || (_cache[13] = (...args) => _ctx.leftNextMonth && _ctx.leftNextMonth(...args))
-              }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_arrow_right)
-                  ]),
-                  _: 1
-                })
-              ], 10, _hoisted_15$1)) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode("div", null, vue.toDisplayString(_ctx.leftLabel), 1)
-            ]),
-            vue.createVNode(_component_date_table, {
-              "selection-mode": "range",
-              date: _ctx.leftDate,
-              "min-date": _ctx.minDate,
-              "max-date": _ctx.maxDate,
-              "range-state": _ctx.rangeState,
-              "disabled-date": _ctx.disabledDate,
-              "cell-class-name": _ctx.cellClassName,
-              onChangerange: _ctx.handleChangeRange,
-              onPick: _ctx.handleRangePick,
-              onSelect: _ctx.onSelect
-            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onPick", "onSelect"])
-          ]),
-          vue.createElementVNode("div", _hoisted_16$1, [
-            vue.createElementVNode("div", _hoisted_17$1, [
-              _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([
+            vue.unref(ppNs).b(),
+            vue.unref(drpNs).b(),
+            {
+              "has-sidebar": _ctx.$slots.sidebar || vue.unref(hasShortcuts),
+              "has-time": vue.unref(showTime)
+            }
+          ])
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ppNs).e("body-wrapper"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "sidebar", {
+              class: vue.normalizeClass(vue.unref(ppNs).e("sidebar"))
+            }),
+            vue.unref(hasShortcuts) ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ppNs).e("sidebar"))
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(shortcuts), (shortcut, key) => {
+                return vue.openBlock(), vue.createElementBlock("button", {
+                  key,
+                  type: "button",
+                  class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
+                  onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$C);
+              }), 128))
+            ], 2)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ppNs).e("body"))
+            }, [
+              vue.unref(showTime) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                type: "button",
-                disabled: !_ctx.enableYearArrow,
-                class: vue.normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-left"]),
-                onClick: _cache[14] || (_cache[14] = (...args) => _ctx.rightPrevYear && _ctx.rightPrevYear(...args))
+                class: vue.normalizeClass(vue.unref(drpNs).e("time-header"))
               }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_d_arrow_left)
-                  ]),
-                  _: 1
-                })
-              ], 10, _hoisted_18$1)) : vue.createCommentVNode("v-if", true),
-              _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
-                key: 1,
-                type: "button",
-                disabled: !_ctx.enableMonthArrow,
-                class: vue.normalizeClass([{ "is-disabled": !_ctx.enableMonthArrow }, "el-picker-panel__icon-btn arrow-left"]),
-                onClick: _cache[15] || (_cache[15] = (...args) => _ctx.rightPrevMonth && _ctx.rightPrevMonth(...args))
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass(vue.unref(drpNs).e("editors-wrap"))
+                }, [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(vue.unref(drpNs).e("time-picker-wrap"))
+                  }, [
+                    vue.createVNode(vue.unref(ElInput), {
+                      size: "small",
+                      disabled: vue.unref(rangeState).selecting,
+                      placeholder: vue.unref(t)("el.datepicker.startDate"),
+                      class: vue.normalizeClass(vue.unref(drpNs).e("editor")),
+                      "model-value": vue.unref(minVisibleDate),
+                      onInput: _cache[0] || (_cache[0] = (val) => handleDateInput(val, "min")),
+                      onChange: _cache[1] || (_cache[1] = (val) => handleDateChange(val, "min"))
+                    }, null, 8, ["disabled", "placeholder", "class", "model-value"])
+                  ], 2),
+                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
+                    class: vue.normalizeClass(vue.unref(drpNs).e("time-picker-wrap"))
+                  }, [
+                    vue.createVNode(vue.unref(ElInput), {
+                      size: "small",
+                      class: vue.normalizeClass(vue.unref(drpNs).e("editor")),
+                      disabled: vue.unref(rangeState).selecting,
+                      placeholder: vue.unref(t)("el.datepicker.startTime"),
+                      "model-value": vue.unref(minVisibleTime),
+                      onFocus: _cache[2] || (_cache[2] = ($event) => minTimePickerVisible.value = true),
+                      onInput: _cache[3] || (_cache[3] = (val) => handleTimeInput(val, "min")),
+                      onChange: _cache[4] || (_cache[4] = (val) => handleTimeChange(val, "min"))
+                    }, null, 8, ["class", "disabled", "placeholder", "model-value"]),
+                    vue.createVNode(vue.unref(TimePickPanel), {
+                      visible: minTimePickerVisible.value,
+                      format: vue.unref(timeFormat),
+                      "datetime-role": "start",
+                      "time-arrow-control": vue.unref(arrowControl),
+                      "parsed-value": leftDate.value,
+                      onPick: handleMinTimePick
+                    }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+                  ], 2)), [
+                    [vue.unref(ClickOutside), handleMinTimeClose]
+                  ])
+                ], 2),
+                vue.createElementVNode("span", null, [
+                  vue.createVNode(vue.unref(ElIcon), null, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(arrowRight))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass([vue.unref(drpNs).e("editors-wrap"), "is-right"])
+                }, [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(vue.unref(drpNs).e("time-picker-wrap"))
+                  }, [
+                    vue.createVNode(vue.unref(ElInput), {
+                      size: "small",
+                      class: vue.normalizeClass(vue.unref(drpNs).e("editor")),
+                      disabled: vue.unref(rangeState).selecting,
+                      placeholder: vue.unref(t)("el.datepicker.endDate"),
+                      "model-value": vue.unref(maxVisibleDate),
+                      readonly: !vue.unref(minDate),
+                      onInput: _cache[5] || (_cache[5] = (val) => handleDateInput(val, "max")),
+                      onChange: _cache[6] || (_cache[6] = (val) => handleDateChange(val, "max"))
+                    }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly"])
+                  ], 2),
+                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
+                    class: vue.normalizeClass(vue.unref(drpNs).e("time-picker-wrap"))
+                  }, [
+                    vue.createVNode(vue.unref(ElInput), {
+                      size: "small",
+                      class: vue.normalizeClass(vue.unref(drpNs).e("editor")),
+                      disabled: vue.unref(rangeState).selecting,
+                      placeholder: vue.unref(t)("el.datepicker.endTime"),
+                      "model-value": vue.unref(maxVisibleTime),
+                      readonly: !vue.unref(minDate),
+                      onFocus: _cache[7] || (_cache[7] = ($event) => vue.unref(minDate) && (maxTimePickerVisible.value = true)),
+                      onInput: _cache[8] || (_cache[8] = (val) => handleTimeInput(val, "max")),
+                      onChange: _cache[9] || (_cache[9] = (val) => handleTimeChange(val, "max"))
+                    }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly"]),
+                    vue.createVNode(vue.unref(TimePickPanel), {
+                      "datetime-role": "end",
+                      visible: maxTimePickerVisible.value,
+                      format: vue.unref(timeFormat),
+                      "time-arrow-control": vue.unref(arrowControl),
+                      "parsed-value": rightDate.value,
+                      onPick: handleMaxTimePick
+                    }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+                  ], 2)), [
+                    [vue.unref(ClickOutside), handleMaxTimeClose]
+                  ])
+                ], 2)
+              ], 2)) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([[vue.unref(ppNs).e("content"), vue.unref(drpNs).e("content")], "is-left"])
               }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_arrow_left)
-                  ]),
-                  _: 1
-                })
-              ], 10, _hoisted_19$1)) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode("button", {
-                type: "button",
-                class: "el-picker-panel__icon-btn d-arrow-right",
-                onClick: _cache[16] || (_cache[16] = (...args) => _ctx.rightNextYear && _ctx.rightNextYear(...args))
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(drpNs).e("header"))
+                }, [
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-left"]),
+                    onClick: leftPrevYear
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(dArrowLeft))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "arrow-left"]),
+                    onClick: leftPrevMonth
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(arrowLeft))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+                    key: 0,
+                    type: "button",
+                    disabled: !vue.unref(enableYearArrow),
+                    class: vue.normalizeClass([[vue.unref(ppNs).e("icon-btn"), { "is-disabled": !vue.unref(enableYearArrow) }], "d-arrow-right"]),
+                    onClick: leftNextYear
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(dArrowRight))
+                      ]),
+                      _: 1
+                    })
+                  ], 10, _hoisted_2$p)) : vue.createCommentVNode("v-if", true),
+                  _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+                    key: 1,
+                    type: "button",
+                    disabled: !vue.unref(enableMonthArrow),
+                    class: vue.normalizeClass([[
+                      vue.unref(ppNs).e("icon-btn"),
+                      { "is-disabled": !vue.unref(enableMonthArrow) }
+                    ], "arrow-right"]),
+                    onClick: leftNextMonth
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(arrowRight))
+                      ]),
+                      _: 1
+                    })
+                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
+                  vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
+                ], 2),
+                vue.createVNode(DateTable, {
+                  "selection-mode": "range",
+                  date: leftDate.value,
+                  "min-date": vue.unref(minDate),
+                  "max-date": vue.unref(maxDate),
+                  "range-state": vue.unref(rangeState),
+                  "disabled-date": vue.unref(disabledDate),
+                  "cell-class-name": vue.unref(cellClassName),
+                  onChangerange: vue.unref(handleChangeRange),
+                  onPick: handleRangePick,
+                  onSelect: vue.unref(onSelect)
+                }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onSelect"])
+              ], 2),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([[vue.unref(ppNs).e("content"), vue.unref(drpNs).e("content")], "is-right"])
               }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_d_arrow_right)
-                  ]),
-                  _: 1
-                })
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(drpNs).e("header"))
+                }, [
+                  _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+                    key: 0,
+                    type: "button",
+                    disabled: !vue.unref(enableYearArrow),
+                    class: vue.normalizeClass([[vue.unref(ppNs).e("icon-btn"), { "is-disabled": !vue.unref(enableYearArrow) }], "d-arrow-left"]),
+                    onClick: rightPrevYear
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(dArrowLeft))
+                      ]),
+                      _: 1
+                    })
+                  ], 10, _hoisted_4$8)) : vue.createCommentVNode("v-if", true),
+                  _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+                    key: 1,
+                    type: "button",
+                    disabled: !vue.unref(enableMonthArrow),
+                    class: vue.normalizeClass([[
+                      vue.unref(ppNs).e("icon-btn"),
+                      { "is-disabled": !vue.unref(enableMonthArrow) }
+                    ], "arrow-left"]),
+                    onClick: rightPrevMonth
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(arrowLeft))
+                      ]),
+                      _: 1
+                    })
+                  ], 10, _hoisted_5$5)) : vue.createCommentVNode("v-if", true),
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
+                    onClick: rightNextYear
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(dArrowRight))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "arrow-right"]),
+                    onClick: rightNextMonth
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(arrowRight))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(rightLabel)), 1)
+                ], 2),
+                vue.createVNode(DateTable, {
+                  "selection-mode": "range",
+                  date: rightDate.value,
+                  "min-date": vue.unref(minDate),
+                  "max-date": vue.unref(maxDate),
+                  "range-state": vue.unref(rangeState),
+                  "disabled-date": vue.unref(disabledDate),
+                  "cell-class-name": vue.unref(cellClassName),
+                  onChangerange: vue.unref(handleChangeRange),
+                  onPick: handleRangePick,
+                  onSelect: vue.unref(onSelect)
+                }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onSelect"])
+              ], 2)
+            ], 2)
+          ], 2),
+          vue.unref(showTime) ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ppNs).e("footer"))
+          }, [
+            vue.unref(clearable) ? (vue.openBlock(), vue.createBlock(vue.unref(ElButton), {
+              key: 0,
+              text: "",
+              size: "small",
+              class: vue.normalizeClass(vue.unref(ppNs).e("link-btn")),
+              onClick: handleClear
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.datepicker.clear")), 1)
               ]),
-              vue.createElementVNode("button", {
-                type: "button",
-                class: "el-picker-panel__icon-btn arrow-right",
-                onClick: _cache[17] || (_cache[17] = (...args) => _ctx.rightNextMonth && _ctx.rightNextMonth(...args))
-              }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_arrow_right)
-                  ]),
-                  _: 1
-                })
+              _: 1
+            }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+            vue.createVNode(vue.unref(ElButton), {
+              plain: "",
+              size: "small",
+              class: vue.normalizeClass(vue.unref(ppNs).e("link-btn")),
+              disabled: vue.unref(btnDisabled),
+              onClick: _cache[10] || (_cache[10] = ($event) => vue.unref(handleRangeConfirm)(false))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 1)
               ]),
-              vue.createElementVNode("div", null, vue.toDisplayString(_ctx.rightLabel), 1)
-            ]),
-            vue.createVNode(_component_date_table, {
-              "selection-mode": "range",
-              date: _ctx.rightDate,
-              "min-date": _ctx.minDate,
-              "max-date": _ctx.maxDate,
-              "range-state": _ctx.rangeState,
-              "disabled-date": _ctx.disabledDate,
-              "cell-class-name": _ctx.cellClassName,
-              onChangerange: _ctx.handleChangeRange,
-              onPick: _ctx.handleRangePick,
-              onSelect: _ctx.onSelect
-            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onPick", "onSelect"])
-          ])
-        ])
-      ]),
-      _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$1, [
-        _ctx.clearable ? (vue.openBlock(), vue.createBlock(_component_el_button, {
-          key: 0,
-          text: "",
-          size: "small",
-          class: "el-picker-panel__link-btn",
-          onClick: _ctx.handleClear
-        }, {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.t("el.datepicker.clear")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
-        vue.createVNode(_component_el_button, {
-          plain: "",
-          size: "small",
-          class: "el-picker-panel__link-btn",
-          disabled: _ctx.btnDisabled,
-          onClick: _cache[18] || (_cache[18] = ($event) => _ctx.handleConfirm(false))
-        }, {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.t("el.datepicker.confirm")), 1)
-          ]),
-          _: 1
-        }, 8, ["disabled"])
-      ])) : vue.createCommentVNode("v-if", true)
-    ], 2);
-  }
-  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$I], ["__file", "panel-date-range.vue"]]);
+              _: 1
+            }, 8, ["class", "disabled"])
+          ], 2)) : vue.createCommentVNode("v-if", true)
+        ], 2);
+      };
+    }
+  });
+  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "panel-date-range.vue"]]);
 
-  const _sfc_main$1i = vue.defineComponent({
-    components: { MonthTable, ElIcon, DArrowLeft: dArrowLeft, DArrowRight: dArrowRight },
-    props: {
-      unlinkPanels: Boolean,
-      parsedValue: {
-        type: Array
+  const panelMonthRangeProps = buildProps({
+    ...panelRangeSharedProps
+  });
+  const panelMonthRangeEmits = ["pick", "set-picker-option"];
+
+  const useMonthRangeHeader = ({
+    unlinkPanels,
+    leftDate,
+    rightDate
+  }) => {
+    const { t } = useLocale();
+    const leftPrevYear = () => {
+      leftDate.value = leftDate.value.subtract(1, "year");
+      if (!unlinkPanels) {
+        rightDate.value = rightDate.value.subtract(1, "year");
       }
-    },
-    emits: ["pick", "set-picker-option"],
-    setup(props, ctx) {
-      const { t, lang } = useLocale();
+    };
+    const rightNextYear = () => {
+      if (!unlinkPanels) {
+        leftDate.value = leftDate.value.add(1, "year");
+      }
+      rightDate.value = rightDate.value.add(1, "year");
+    };
+    const leftNextYear = () => {
+      leftDate.value = leftDate.value.add(1, "year");
+    };
+    const rightPrevYear = () => {
+      rightDate.value = rightDate.value.subtract(1, "year");
+    };
+    const leftLabel = vue.computed(() => {
+      return `${leftDate.value.year()} ${t("el.datepicker.year")}`;
+    });
+    const rightLabel = vue.computed(() => {
+      return `${rightDate.value.year()} ${t("el.datepicker.year")}`;
+    });
+    const leftYear = vue.computed(() => {
+      return leftDate.value.year();
+    });
+    const rightYear = vue.computed(() => {
+      return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
+    });
+    return {
+      leftPrevYear,
+      rightNextYear,
+      leftNextYear,
+      rightPrevYear,
+      leftLabel,
+      rightLabel,
+      leftYear,
+      rightYear
+    };
+  };
+
+  const _hoisted_1$B = ["onClick"];
+  const _hoisted_2$o = ["disabled"];
+  const _hoisted_3$b = ["disabled"];
+  const __default__$A = {
+    name: "DatePickerMonthRange"
+  };
+  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$A,
+    props: panelMonthRangeProps,
+    emits: panelMonthRangeEmits,
+    setup(__props, { emit }) {
+      const props = __props;
+      const attrs = vue.useAttrs();
+      const slots = vue.useSlots();
+      const { pickerNs: ppNs } = vue.inject(ROOT_PICKER_INJECTION_KEY);
+      const drpNs = useNamespace("date-range-picker");
+      const { lang } = useLocale();
       const leftDate = vue.ref(dayjs().locale(lang.value));
       const rightDate = vue.ref(dayjs().locale(lang.value).add(1, "year"));
       const hasShortcuts = vue.computed(() => !!shortcuts.length);
       const handleShortcutClick = (shortcut) => {
-        const shortcutValues = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
+        const shortcutValues = isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
         if (shortcutValues) {
-          ctx.emit("pick", [
+          emit("pick", [
             dayjs(shortcutValues[0]).locale(lang.value),
             dayjs(shortcutValues[1]).locale(lang.value)
           ]);
           return;
         }
         if (shortcut.onClick) {
-          shortcut.onClick(ctx);
-        }
-      };
-      const leftPrevYear = () => {
-        leftDate.value = leftDate.value.subtract(1, "year");
-        if (!props.unlinkPanels) {
-          rightDate.value = rightDate.value.subtract(1, "year");
-        }
-      };
-      const rightNextYear = () => {
-        if (!props.unlinkPanels) {
-          leftDate.value = leftDate.value.add(1, "year");
+          shortcut.onClick({
+            attrs,
+            slots,
+            emit
+          });
         }
-        rightDate.value = rightDate.value.add(1, "year");
-      };
-      const leftNextYear = () => {
-        leftDate.value = leftDate.value.add(1, "year");
       };
-      const rightPrevYear = () => {
-        rightDate.value = rightDate.value.subtract(1, "year");
-      };
-      const leftLabel = vue.computed(() => {
-        return `${leftDate.value.year()} ${t("el.datepicker.year")}`;
-      });
-      const rightLabel = vue.computed(() => {
-        return `${rightDate.value.year()} ${t("el.datepicker.year")}`;
-      });
-      const leftYear = vue.computed(() => {
-        return leftDate.value.year();
-      });
-      const rightYear = vue.computed(() => {
-        return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
+      const {
+        leftPrevYear,
+        rightNextYear,
+        leftNextYear,
+        rightPrevYear,
+        leftLabel,
+        rightLabel,
+        leftYear,
+        rightYear
+      } = useMonthRangeHeader({
+        unlinkPanels: vue.toRef(props, "unlinkPanels"),
+        leftDate,
+        rightDate
       });
       const enableYearArrow = vue.computed(() => {
         return props.unlinkPanels && rightYear.value > leftYear.value + 1;
       });
-      const minDate = vue.ref(null);
-      const maxDate = vue.ref(null);
+      const minDate = vue.ref();
+      const maxDate = vue.ref();
       const rangeState = vue.ref({
         endDate: null,
         selecting: false
@@ -25971,11 +26048,11 @@
         handleConfirm();
       };
       const isValidValue = (value) => {
-        return Array.isArray(value) && value && value[0] && value[1] && value[0].valueOf() <= value[1].valueOf();
+        return isArray(value) && value && value[0] && value[1] && value[0].valueOf() <= value[1].valueOf();
       };
       const handleConfirm = (visible = false) => {
         if (isValidValue([minDate.value, maxDate.value])) {
-          ctx.emit("pick", [minDate.value, maxDate.value], visible);
+          emit("pick", [minDate.value, maxDate.value], visible);
         }
       };
       const onSelect = (selecting) => {
@@ -25984,12 +26061,12 @@
           rangeState.value.endDate = null;
         }
       };
-      const formatToString = (value) => {
-        return value.map((_) => _.format(format));
+      const formatToString = (days) => {
+        return days.map((day) => day.format(format));
       };
       const getDefaultValue = () => {
         let start;
-        if (Array.isArray(defaultValue.value)) {
+        if (isArray(defaultValue.value)) {
           const left = dayjs(defaultValue.value[0]);
           let right = dayjs(defaultValue.value[1]);
           if (!props.unlinkPanels) {
@@ -26004,7 +26081,7 @@
         start = start.locale(lang.value);
         return [start, start.add(1, "year")];
       };
-      ctx.emit("set-picker-option", ["formatToString", formatToString]);
+      emit("set-picker-option", ["formatToString", formatToString]);
       const pickerBase = vue.inject("EP_PICKER_BASE");
       const { shortcuts, disabledDate, format } = pickerBase.props;
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
@@ -26029,163 +26106,167 @@
           }
         } else {
           const defaultArr = getDefaultValue();
-          minDate.value = null;
-          maxDate.value = null;
+          minDate.value = void 0;
+          maxDate.value = void 0;
           leftDate.value = defaultArr[0];
           rightDate.value = defaultArr[1];
         }
       }, { immediate: true });
-      return {
-        shortcuts,
-        disabledDate,
-        onSelect,
-        handleRangePick,
-        rangeState,
-        handleChangeRange,
-        minDate,
-        maxDate,
-        enableYearArrow,
-        leftLabel,
-        rightLabel,
-        leftNextYear,
-        leftPrevYear,
-        rightNextYear,
-        rightPrevYear,
-        t,
-        leftDate,
-        rightDate,
-        hasShortcuts,
-        handleShortcutClick
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([
+            vue.unref(ppNs).b(),
+            vue.unref(drpNs).b(),
+            {
+              "has-sidebar": Boolean(_ctx.$slots.sidebar) || vue.unref(hasShortcuts)
+            }
+          ])
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ppNs).e("body-wrapper"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "sidebar", {
+              class: vue.normalizeClass(vue.unref(ppNs).e("sidebar"))
+            }),
+            vue.unref(hasShortcuts) ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ppNs).e("sidebar"))
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(shortcuts), (shortcut, key) => {
+                return vue.openBlock(), vue.createElementBlock("button", {
+                  key,
+                  type: "button",
+                  class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
+                  onClick: ($event) => handleShortcutClick(shortcut)
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$B);
+              }), 128))
+            ], 2)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ppNs).e("body"))
+            }, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([[vue.unref(ppNs).e("content"), vue.unref(drpNs).e("content")], "is-left"])
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(drpNs).e("header"))
+                }, [
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-left"]),
+                    onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(leftPrevYear) && vue.unref(leftPrevYear)(...args))
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(dArrowLeft))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+                    key: 0,
+                    type: "button",
+                    disabled: !vue.unref(enableYearArrow),
+                    class: vue.normalizeClass([[
+                      vue.unref(ppNs).e("icon-btn"),
+                      { [vue.unref(ppNs).is("disabled")]: !vue.unref(enableYearArrow) }
+                    ], "d-arrow-right"]),
+                    onClick: _cache[1] || (_cache[1] = (...args) => vue.unref(leftNextYear) && vue.unref(leftNextYear)(...args))
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(dArrowRight))
+                      ]),
+                      _: 1
+                    })
+                  ], 10, _hoisted_2$o)) : vue.createCommentVNode("v-if", true),
+                  vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
+                ], 2),
+                vue.createVNode(MonthTable, {
+                  "selection-mode": "range",
+                  date: leftDate.value,
+                  "min-date": minDate.value,
+                  "max-date": maxDate.value,
+                  "range-state": rangeState.value,
+                  "disabled-date": vue.unref(disabledDate),
+                  onChangerange: handleChangeRange,
+                  onPick: handleRangePick,
+                  onSelect
+                }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+              ], 2),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([[vue.unref(ppNs).e("content"), vue.unref(drpNs).e("content")], "is-right"])
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(drpNs).e("header"))
+                }, [
+                  _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+                    key: 0,
+                    type: "button",
+                    disabled: !vue.unref(enableYearArrow),
+                    class: vue.normalizeClass([[vue.unref(ppNs).e("icon-btn"), { "is-disabled": !vue.unref(enableYearArrow) }], "d-arrow-left"]),
+                    onClick: _cache[2] || (_cache[2] = (...args) => vue.unref(rightPrevYear) && vue.unref(rightPrevYear)(...args))
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(dArrowLeft))
+                      ]),
+                      _: 1
+                    })
+                  ], 10, _hoisted_3$b)) : vue.createCommentVNode("v-if", true),
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
+                    onClick: _cache[3] || (_cache[3] = (...args) => vue.unref(rightNextYear) && vue.unref(rightNextYear)(...args))
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(dArrowRight))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(rightLabel)), 1)
+                ], 2),
+                vue.createVNode(MonthTable, {
+                  "selection-mode": "range",
+                  date: rightDate.value,
+                  "min-date": minDate.value,
+                  "max-date": maxDate.value,
+                  "range-state": rangeState.value,
+                  "disabled-date": vue.unref(disabledDate),
+                  onChangerange: handleChangeRange,
+                  onPick: handleRangePick,
+                  onSelect
+                }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+              ], 2)
+            ], 2)
+          ], 2)
+        ], 2);
       };
     }
   });
-  const _hoisted_1$B = { class: "el-picker-panel__body-wrapper" };
-  const _hoisted_2$o = {
-    key: 0,
-    class: "el-picker-panel__sidebar"
-  };
-  const _hoisted_3$b = ["onClick"];
-  const _hoisted_4$8 = { class: "el-picker-panel__body" };
-  const _hoisted_5$5 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
-  const _hoisted_6$1 = { class: "el-date-range-picker__header" };
-  const _hoisted_7$1 = ["disabled"];
-  const _hoisted_8$1 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
-  const _hoisted_9$1 = { class: "el-date-range-picker__header" };
-  const _hoisted_10$1 = ["disabled"];
-  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_d_arrow_left = vue.resolveComponent("d-arrow-left");
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_d_arrow_right = vue.resolveComponent("d-arrow-right");
-    const _component_month_table = vue.resolveComponent("month-table");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(["el-picker-panel el-date-range-picker", [
-        {
-          "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts
-        }
-      ]])
-    }, [
-      vue.createElementVNode("div", _hoisted_1$B, [
-        vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-        _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
-            return vue.openBlock(), vue.createElementBlock("button", {
-              key,
-              type: "button",
-              class: "el-picker-panel__shortcut",
-              onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-            }, vue.toDisplayString(shortcut.text), 9, _hoisted_3$b);
-          }), 128))
-        ])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_4$8, [
-          vue.createElementVNode("div", _hoisted_5$5, [
-            vue.createElementVNode("div", _hoisted_6$1, [
-              vue.createElementVNode("button", {
-                type: "button",
-                class: "el-picker-panel__icon-btn d-arrow-left",
-                onClick: _cache[0] || (_cache[0] = (...args) => _ctx.leftPrevYear && _ctx.leftPrevYear(...args))
-              }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_d_arrow_left)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
-                key: 0,
-                type: "button",
-                disabled: !_ctx.enableYearArrow,
-                class: vue.normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-right"]),
-                onClick: _cache[1] || (_cache[1] = (...args) => _ctx.leftNextYear && _ctx.leftNextYear(...args))
-              }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_d_arrow_right)
-                  ]),
-                  _: 1
-                })
-              ], 10, _hoisted_7$1)) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode("div", null, vue.toDisplayString(_ctx.leftLabel), 1)
-            ]),
-            vue.createVNode(_component_month_table, {
-              "selection-mode": "range",
-              date: _ctx.leftDate,
-              "min-date": _ctx.minDate,
-              "max-date": _ctx.maxDate,
-              "range-state": _ctx.rangeState,
-              "disabled-date": _ctx.disabledDate,
-              onChangerange: _ctx.handleChangeRange,
-              onPick: _ctx.handleRangePick,
-              onSelect: _ctx.onSelect
-            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
-          ]),
-          vue.createElementVNode("div", _hoisted_8$1, [
-            vue.createElementVNode("div", _hoisted_9$1, [
-              _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
-                key: 0,
-                type: "button",
-                disabled: !_ctx.enableYearArrow,
-                class: vue.normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-left"]),
-                onClick: _cache[2] || (_cache[2] = (...args) => _ctx.rightPrevYear && _ctx.rightPrevYear(...args))
-              }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_d_arrow_left)
-                  ]),
-                  _: 1
-                })
-              ], 10, _hoisted_10$1)) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode("button", {
-                type: "button",
-                class: "el-picker-panel__icon-btn d-arrow-right",
-                onClick: _cache[3] || (_cache[3] = (...args) => _ctx.rightNextYear && _ctx.rightNextYear(...args))
-              }, [
-                vue.createVNode(_component_el_icon, null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_d_arrow_right)
-                  ]),
-                  _: 1
-                })
-              ]),
-              vue.createElementVNode("div", null, vue.toDisplayString(_ctx.rightLabel), 1)
-            ]),
-            vue.createVNode(_component_month_table, {
-              "selection-mode": "range",
-              date: _ctx.rightDate,
-              "min-date": _ctx.minDate,
-              "max-date": _ctx.maxDate,
-              "range-state": _ctx.rangeState,
-              "disabled-date": _ctx.disabledDate,
-              onChangerange: _ctx.handleChangeRange,
-              onPick: _ctx.handleRangePick,
-              onSelect: _ctx.onSelect
-            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
-          ])
-        ])
-      ])
-    ], 2);
-  }
-  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$H], ["__file", "panel-month-range.vue"]]);
+  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__file", "panel-month-range.vue"]]);
+
+  const getPanel = function(type) {
+    switch (type) {
+      case "daterange":
+      case "datetimerange": {
+        return DateRangePickPanel;
+      }
+      case "monthrange": {
+        return MonthRangePickPanel;
+      }
+      default: {
+        return DatePickPanel;
+      }
+    }
+  };
+  const isValidRange = (range) => {
+    if (!isArray(range))
+      return false;
+    const [left, right] = range;
+    return dayjs_min.exports.isDayjs(left) && dayjs_min.exports.isDayjs(right) && left.isSameOrBefore(right);
+  };
 
   dayjs.extend(localeData);
   dayjs.extend(advancedFormat);
@@ -26195,31 +26276,26 @@
   dayjs.extend(dayOfYear);
   dayjs.extend(isSameOrAfter);
   dayjs.extend(isSameOrBefore);
-  const getPanel = function(type) {
-    if (type === "daterange" || type === "datetimerange") {
-      return DateRangePickPanel;
-    } else if (type === "monthrange") {
-      return MonthRangePickPanel;
-    }
-    return DatePickPanel;
-  };
   var DatePicker = vue.defineComponent({
     name: "ElDatePicker",
     install: null,
     props: {
       ...timePickerDefaultProps,
-      type: {
-        type: String,
-        default: "date"
-      }
+      ...datePickerProps
     },
     emits: ["update:modelValue"],
-    setup(props, ctx) {
-      vue.provide("ElPopperOptions", props.popperOptions);
+    setup(props, {
+      expose,
+      emit,
+      slots
+    }) {
+      const ns = useNamespace("picker-panel");
+      vue.provide("ElPopperOptions", vue.reactive(vue.toRef(props, "popperOptions")));
       vue.provide(ROOT_PICKER_INJECTION_KEY, {
-        ctx
+        slots,
+        pickerNs: ns
       });
-      const commonPicker = vue.ref(null);
+      const commonPicker = vue.ref();
       const refProps = {
         ...props,
         focus: (focusStartInput = true) => {
@@ -26227,19 +26303,22 @@
           (_a = commonPicker.value) == null ? void 0 : _a.focus(focusStartInput);
         }
       };
-      ctx.expose(refProps);
+      expose(refProps);
+      const onModelValueUpdated = (val) => {
+        emit("update:modelValue", val);
+      };
       return () => {
         var _a;
         const format = (_a = props.format) != null ? _a : DEFAULT_FORMATS_DATEPICKER[props.type] || DEFAULT_FORMATS_DATE;
-        return vue.h(CommonPicker, {
-          ...props,
-          format,
-          type: props.type,
-          ref: commonPicker,
-          "onUpdate:modelValue": (value) => ctx.emit("update:modelValue", value)
-        }, {
-          default: (scopedProps) => vue.h(getPanel(props.type), scopedProps),
-          "range-separator": () => vue.renderSlot(ctx.slots, "range-separator")
+        const Component = getPanel(props.type);
+        return vue.createVNode(CommonPicker, vue.mergeProps(props, {
+          "format": format,
+          "type": props.type,
+          "ref": commonPicker,
+          "onUpdate:modelValue": onModelValueUpdated
+        }), {
+          default: (scopedProps) => vue.createVNode(Component, scopedProps, null),
+          "range-separator": slots["range-separator"]
         });
       };
     }
@@ -26351,7 +26430,7 @@
     }
   });
   const _hoisted_1$A = { key: 1 };
-  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$F(_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, [
@@ -26400,7 +26479,7 @@
       }), 128))
     ]));
   }
-  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$G], ["__file", "descriptions-row.vue"]]);
+  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$F], ["__file", "descriptions-row.vue"]]);
 
   const _sfc_main$1g = vue.defineComponent({
     name: "ElDescriptions",
@@ -26506,7 +26585,7 @@
       };
     }
   });
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_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)
@@ -26548,7 +26627,7 @@
       ], 2)
     ], 2);
   }
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$F], ["__file", "index.vue"]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$E], ["__file", "index.vue"]]);
 
   var DescriptionsItem = vue.defineComponent({
     name: "ElDescriptionsItem",
@@ -26688,9 +26767,9 @@
 
   const _hoisted_1$z = ["aria-label"];
   const _hoisted_2$n = ["id"];
-  const __default__$y = { name: "ElDialogContent" };
+  const __default__$z = { name: "ElDialogContent" };
   const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+    ...__default__$z,
     props: dialogContentProps,
     emits: dialogContentEmits,
     setup(__props) {
@@ -26985,11 +27064,11 @@
   };
 
   const _hoisted_1$y = ["aria-label", "aria-labelledby", "aria-describedby"];
-  const __default__$x = {
+  const __default__$y = {
     name: "ElDialog"
   };
   const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+    ...__default__$y,
     props: dialogProps,
     emits: dialogEmits,
     setup(__props, { expose }) {
@@ -27146,11 +27225,11 @@
     }
   });
 
-  const __default__$w = {
+  const __default__$x = {
     name: "ElDivider"
   };
   const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+    ...__default__$x,
     props: dividerProps,
     setup(__props) {
       const props = __props;
@@ -27241,7 +27320,7 @@
   const _hoisted_2$m = ["id"];
   const _hoisted_3$a = ["aria-label"];
   const _hoisted_4$7 = ["id"];
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_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");
@@ -27352,26 +27431,26 @@
       }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
     ], 8, ["disabled"]);
   }
-  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$E], ["__file", "drawer.vue"]]);
+  var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$D], ["__file", "drawer.vue"]]);
 
   const ElDrawer = withInstall(Drawer);
 
   const _sfc_main$1b = {
     inheritAttrs: false
   };
-  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$D], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$C], ["__file", "collection.vue"]]);
 
   const _sfc_main$1a = {
     name: "ElCollectionItem",
     inheritAttrs: false
   };
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$C], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$B], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -27598,10 +27677,10 @@
       });
     }
   });
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$B], ["__file", "roving-focus-group-impl.vue"]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$A], ["__file", "roving-focus-group-impl.vue"]]);
 
   const _sfc_main$18 = vue.defineComponent({
     name: "ElRovingFocusGroup",
@@ -27610,7 +27689,7 @@
       ElRovingFocusGroupImpl
     }
   });
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_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, {
@@ -27625,7 +27704,7 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$A], ["__file", "roving-focus-group.vue"]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$z], ["__file", "roving-focus-group.vue"]]);
 
   const _sfc_main$17 = vue.defineComponent({
     components: {
@@ -27712,7 +27791,7 @@
       };
     }
   });
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_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,
@@ -27725,7 +27804,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$z], ["__file", "roving-focus-item.vue"]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$y], ["__file", "roving-focus-item.vue"]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -27918,7 +27997,7 @@
       };
     }
   });
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_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");
@@ -28033,7 +28112,7 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$y], ["__file", "dropdown.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$x], ["__file", "dropdown.vue"]]);
 
   const _sfc_main$15 = vue.defineComponent({
     name: "DropdownItemImpl",
@@ -28077,7 +28156,7 @@
     }
   });
   const _hoisted_1$w = ["aria-disabled", "tabindex"];
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_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({
@@ -28106,7 +28185,7 @@
       ], 16, _hoisted_1$w)
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$x], ["__file", "dropdown-item-impl.vue"]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$w], ["__file", "dropdown-item-impl.vue"]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -28182,7 +28261,7 @@
       };
     }
   });
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_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");
@@ -28213,7 +28292,7 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$w], ["__file", "dropdown-item.vue"]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$v], ["__file", "dropdown-item.vue"]]);
 
   const _sfc_main$13 = vue.defineComponent({
     name: "ElDropdownMenu",
@@ -28276,7 +28355,7 @@
       };
     }
   });
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
       class: vue.normalizeClass(_ctx.dropdownKls),
@@ -28291,7 +28370,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 38);
   }
-  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$v], ["__file", "dropdown-menu.vue"]]);
+  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$u], ["__file", "dropdown-menu.vue"]]);
 
   const ElDropdown = withInstall(Dropdown, {
     DropdownItem,
@@ -28357,7 +28436,7 @@
   const _hoisted_21 = ["fill", "xlink:href"];
   const _hoisted_22 = ["fill", "mask"];
   const _hoisted_23 = ["fill"];
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, [
       vue.createElementVNode("defs", null, [
         vue.createElementVNode("linearGradient", {
@@ -28476,7 +28555,7 @@
       ])
     ]);
   }
-  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$u], ["__file", "img-empty.vue"]]);
+  var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$t], ["__file", "img-empty.vue"]]);
 
   const emptyProps = {
     image: {
@@ -28492,11 +28571,11 @@
 
   const _hoisted_1$u = ["src"];
   const _hoisted_2$k = { key: 1 };
-  const __default__$v = {
+  const __default__$w = {
     name: "ElEmpty"
   };
   const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+    ...__default__$w,
     props: emptyProps,
     setup(__props) {
       const props = __props;
@@ -28622,11 +28701,11 @@
     return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
   };
 
-  const __default__$u = {
+  const __default__$v = {
     name: "ElForm"
   };
   const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+    ...__default__$v,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -29806,9 +29885,9 @@
     }
   });
 
-  const COMPONENT_NAME$c = "ElLabelWrap";
+  const COMPONENT_NAME$b = "ElLabelWrap";
   var FormLabelWrap = vue.defineComponent({
-    name: COMPONENT_NAME$c,
+    name: COMPONENT_NAME$b,
     props: {
       isAutoWidth: Boolean,
       updateAll: Boolean
@@ -29819,7 +29898,7 @@
       const formContext = vue.inject(formContextKey, void 0);
       const formItemContext = vue.inject(formItemContextKey);
       if (!formItemContext)
-        throwError(COMPONENT_NAME$c, "usage: <el-form-item><label-wrap /></el-form-item>");
+        throwError(COMPONENT_NAME$b, "usage: <el-form-item><label-wrap /></el-form-item>");
       const ns = useNamespace("form");
       const el = vue.ref();
       const computedWidth = vue.ref(0);
@@ -29892,11 +29971,11 @@
   });
 
   const _hoisted_1$t = ["role", "aria-labelledby"];
-  const __default__$t = {
+  const __default__$u = {
     name: "ElFormItem"
   };
   const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+    ...__default__$u,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -30219,11 +30298,11 @@
   };
 
   const _hoisted_1$s = ["src"];
-  const __default__$s = {
+  const __default__$t = {
     name: "ElImageViewer"
   };
   const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+    ...__default__$t,
     props: imageViewerProps,
     emits: imageViewerEmits,
     setup(__props, { emit }) {
@@ -30657,12 +30736,12 @@
 
   const _hoisted_1$r = ["src"];
   const _hoisted_2$j = { key: 0 };
-  const __default__$r = {
+  const __default__$s = {
     name: "ElImage",
     inheritAttrs: false
   };
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+    ...__default__$s,
     props: imageProps,
     emits: imageEmits,
     setup(__props, { emit }) {
@@ -30875,10 +30954,7 @@
       type: Number,
       default: 1
     },
-    stepStrictly: {
-      type: Boolean,
-      default: false
-    },
+    stepStrictly: Boolean,
     max: {
       type: Number,
       default: Number.POSITIVE_INFINITY
@@ -30887,17 +30963,9 @@
       type: Number,
       default: Number.NEGATIVE_INFINITY
     },
-    modelValue: {
-      type: Number
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String,
-      values: componentSizes
-    },
+    modelValue: Number,
+    disabled: Boolean,
+    size: useSizeProp,
     controls: {
       type: Boolean,
       default: true
@@ -31153,7 +31221,7 @@
   });
   const _hoisted_1$q = ["aria-label"];
   const _hoisted_2$i = ["aria-label"];
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_arrow_down = vue.resolveComponent("arrow-down");
     const _component_minus = vue.resolveComponent("minus");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -31229,7 +31297,7 @@
       }, null, 8, ["id", "step", "model-value", "placeholder", "disabled", "size", "max", "min", "name", "label", "onKeydown", "onBlur", "onFocus", "onInput", "onChange"])
     ], 34);
   }
-  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$t], ["__file", "input-number.vue"]]);
+  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$s], ["__file", "input-number.vue"]]);
 
   const ElInputNumber = withInstall(InputNumber);
 
@@ -31255,11 +31323,11 @@
   };
 
   const _hoisted_1$p = ["href"];
-  const __default__$q = {
+  const __default__$r = {
     name: "ElLink"
   };
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+    ...__default__$r,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -31466,7 +31534,7 @@
       };
     }
   });
-  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$r(_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")
@@ -31474,7 +31542,7 @@
       _: 3
     }, 16);
   }
-  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$s], ["__file", "menu-collapse-transition.vue"]]);
+  var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$r], ["__file", "menu-collapse-transition.vue"]]);
 
   function useMenu(instance, currentIndex) {
     const indexPath = vue.computed(() => {
@@ -31551,9 +31619,9 @@
       default: 6
     }
   });
-  const COMPONENT_NAME$b = "ElSubMenu";
+  const COMPONENT_NAME$a = "ElSubMenu";
   var SubMenu = vue.defineComponent({
-    name: COMPONENT_NAME$b,
+    name: COMPONENT_NAME$a,
     props: subMenuProps,
     setup(props, { slots, expose }) {
       const instance = vue.getCurrentInstance();
@@ -31562,10 +31630,10 @@
       const nsSubMenu = useNamespace("sub-menu");
       const rootMenu = vue.inject("rootMenu");
       if (!rootMenu)
-        throwError(COMPONENT_NAME$b, "can not inject root menu");
+        throwError(COMPONENT_NAME$a, "can not inject root menu");
       const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
       if (!subMenu)
-        throwError(COMPONENT_NAME$b, "can not inject sub menu");
+        throwError(COMPONENT_NAME$a, "can not inject sub menu");
       const items = vue.ref({});
       const subMenus = vue.ref({});
       let timeout;
@@ -32075,9 +32143,9 @@
     click: (item) => isString(item.index) && Array.isArray(item.indexPath)
   };
 
-  const COMPONENT_NAME$a = "ElMenuItem";
+  const COMPONENT_NAME$9 = "ElMenuItem";
   const _sfc_main$V = vue.defineComponent({
-    name: COMPONENT_NAME$a,
+    name: COMPONENT_NAME$9,
     components: {
       ElTooltip
     },
@@ -32089,11 +32157,11 @@
       const nsMenu = useNamespace("menu");
       const nsMenuItem = useNamespace("menu-item");
       if (!rootMenu)
-        throwError(COMPONENT_NAME$a, "can not inject root menu");
+        throwError(COMPONENT_NAME$9, "can not inject root menu");
       const { parentMenu, indexPath } = useMenu(instance, vue.toRef(props, "index"));
       const subMenu = vue.inject(`subMenu:${parentMenu.value.uid}`);
       if (!subMenu)
-        throwError(COMPONENT_NAME$a, "can not inject sub menu");
+        throwError(COMPONENT_NAME$9, "can not inject sub menu");
       const active = vue.computed(() => props.index === rootMenu.activeIndex);
       const item = vue.reactive({
         index: props.index,
@@ -32129,7 +32197,7 @@
       };
     }
   });
-  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
@@ -32165,15 +32233,15 @@
       ], 64))
     ], 2);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$r], ["__file", "menu-item.vue"]]);
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$q], ["__file", "menu-item.vue"]]);
 
   const menuItemGroupProps = {
     title: String
   };
 
-  const COMPONENT_NAME$9 = "ElMenuItemGroup";
+  const COMPONENT_NAME$8 = "ElMenuItemGroup";
   const _sfc_main$U = vue.defineComponent({
-    name: COMPONENT_NAME$9,
+    name: COMPONENT_NAME$8,
     props: menuItemGroupProps,
     setup() {
       const ns = useNamespace("menu-item-group");
@@ -32182,7 +32250,7 @@
       };
     }
   });
-  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -32198,7 +32266,7 @@
       ])
     ], 2);
   }
-  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$q], ["__file", "menu-item-group.vue"]]);
+  var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$p], ["__file", "menu-item-group.vue"]]);
 
   const ElMenu = withInstall(Menu, {
     MenuItem,
@@ -32224,11 +32292,11 @@
     back: () => true
   };
 
-  const __default__$p = {
+  const __default__$q = {
     name: "ElPageHeader"
   };
   const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+    ...__default__$q,
     props: pageHeaderProps,
     emits: pageHeaderEmits,
     setup(__props, { emit }) {
@@ -32297,11 +32365,11 @@
 
   const _hoisted_1$o = ["disabled", "aria-disabled"];
   const _hoisted_2$h = { key: 0 };
-  const __default__$o = {
+  const __default__$p = {
     name: "ElPaginationPrev"
   };
   const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+    ...__default__$p,
     props: paginationPrevProps,
     emits: paginationPrevEmits,
     setup(__props) {
@@ -32344,11 +32412,11 @@
 
   const _hoisted_1$n = ["disabled", "aria-disabled"];
   const _hoisted_2$g = { key: 0 };
-  const __default__$n = {
+  const __default__$o = {
     name: "ElPaginationNext"
   };
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+    ...__default__$o,
     props: paginationNextProps,
     emits: ["click"],
     setup(__props) {
@@ -32527,7 +32595,7 @@
       };
     }
   });
-  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       class: vue.normalizeClass([
         _ctx.ns.be("dropdown", "item"),
@@ -32547,7 +32615,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$p], ["__file", "option.vue"]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$o], ["__file", "option.vue"]]);
 
   const _sfc_main$P = vue.defineComponent({
     name: "ElSelectDropdown",
@@ -32579,7 +32647,7 @@
       };
     }
   });
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_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 })
@@ -32587,7 +32655,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$o], ["__file", "select-dropdown.vue"]]);
+  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$n], ["__file", "select-dropdown.vue"]]);
 
   function useSelectStates(props) {
     const { t } = useLocale();
@@ -33259,10 +33327,10 @@
     };
   };
 
-  const COMPONENT_NAME$8 = "ElSelect";
+  const COMPONENT_NAME$7 = "ElSelect";
   const _sfc_main$O = vue.defineComponent({
-    name: COMPONENT_NAME$8,
-    componentName: COMPONENT_NAME$8,
+    name: COMPONENT_NAME$7,
+    componentName: COMPONENT_NAME$7,
     components: {
       ElInput,
       ElSelectMenu: ElSelectMenu$1,
@@ -33568,7 +33636,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$n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_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");
@@ -33870,7 +33938,7 @@
       [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$n], ["__file", "select.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$m], ["__file", "select.vue"]]);
 
   const _sfc_main$N = vue.defineComponent({
     name: "ElOptionGroup",
@@ -33918,7 +33986,7 @@
       };
     }
   });
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
       class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
     }, [
@@ -33936,7 +34004,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$m], ["__file", "option-group.vue"]]);
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$l], ["__file", "option-group.vue"]]);
 
   const ElSelect = withInstall(Select$1, {
     Option,
@@ -33966,11 +34034,11 @@
     }
   });
 
-  const __default__$m = {
+  const __default__$n = {
     name: "ElPaginationSizes"
   };
   const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+    ...__default__$n,
     props: paginationSizesProps,
     emits: ["page-size-change"],
     setup(__props, { emit }) {
@@ -34027,11 +34095,11 @@
   var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "sizes.vue"]]);
 
   const _hoisted_1$l = ["disabled"];
-  const __default__$l = {
+  const __default__$m = {
     name: "ElPaginationJumper"
   };
   const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+    ...__default__$m,
     setup(__props) {
       const { t } = useLocale();
       const ns = useNamespace("pagination");
@@ -34081,11 +34149,11 @@
   });
 
   const _hoisted_1$k = ["disabled"];
-  const __default__$k = {
+  const __default__$l = {
     name: "ElPaginationTotal"
   };
   const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+    ...__default__$l,
     props: paginationTotalProps,
     setup(__props) {
       const { t } = useLocale();
@@ -34123,11 +34191,11 @@
   const _hoisted_2$e = ["aria-current"];
   const _hoisted_3$7 = ["aria-current"];
   const _hoisted_4$5 = ["aria-current"];
-  const __default__$j = {
+  const __default__$k = {
     name: "ElPaginationPager"
   };
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+    ...__default__$k,
     props: paginationPagerProps,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -34588,11 +34656,11 @@
     persistent: useTooltipContentProps.persistent
   });
 
-  const __default__$i = {
+  const __default__$j = {
     name: "ElPopconfirm"
   };
   const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+    ...__default__$j,
     props: popconfirmProps,
     setup(__props) {
       const props = __props;
@@ -34747,9 +34815,9 @@
     "after-enter",
     "after-leave"
   ];
-  const COMPONENT_NAME$7 = "ElPopover";
+  const COMPONENT_NAME$6 = "ElPopover";
   const _sfc_main$H = vue.defineComponent({
-    name: COMPONENT_NAME$7,
+    name: COMPONENT_NAME$6,
     components: {
       ElTooltip
     },
@@ -34814,7 +34882,7 @@
       };
     }
   });
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     return vue.openBlock(), vue.createBlock(_component_el_tooltip, vue.mergeProps({ ref: "tooltipRef" }, _ctx.$attrs, {
       trigger: _ctx.trigger,
@@ -34859,7 +34927,7 @@
       _: 3
     }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
   }
-  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$l], ["__file", "index.vue"]]);
+  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$k], ["__file", "index.vue"]]);
 
   const attachEvents = (el, binding) => {
     const popperComponent = binding.arg || binding.value;
@@ -35089,7 +35157,7 @@
   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 };
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([
@@ -35173,7 +35241,7 @@
       ], 6)) : vue.createCommentVNode("v-if", true)
     ], 10, _hoisted_1$i);
   }
-  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$k], ["__file", "progress.vue"]]);
+  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$j], ["__file", "progress.vue"]]);
 
   const ElProgress = withInstall(Progress);
 
@@ -35272,11 +35340,11 @@
 
   const _hoisted_1$h = ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"];
   const _hoisted_2$c = ["onMousemove", "onClick"];
-  const __default__$h = {
+  const __default__$i = {
     name: "ElRate"
   };
   const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+    ...__default__$i,
     props: rateProps,
     emits: rateEmits,
     setup(__props, { expose, emit }) {
@@ -35530,16 +35598,20 @@
       default: ""
     },
     icon: {
+      type: String,
       values: ["success", "warning", "info", "error"],
       default: "info"
     }
   });
 
-  const COMPONENT_NAME$6 = "ElResult";
-  const _sfc_main$E = vue.defineComponent({
-    name: COMPONENT_NAME$6,
+  const __default__$h = {
+    name: "ElResult"
+  };
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$h,
     props: resultProps,
-    setup(props) {
+    setup(__props) {
+      const props = __props;
       const ns = useNamespace("result");
       const resultIcon = vue.computed(() => {
         const icon = props.icon;
@@ -35550,51 +35622,47 @@
           component: iconComponent
         };
       });
-      return {
-        ns,
-        resultIcon
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(ns).b())
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("icon"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+              vue.unref(resultIcon).component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(resultIcon).component), {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(resultIcon).class)
+              }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+            ])
+          ], 2),
+          _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("title"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createElementVNode("p", null, vue.toDisplayString(_ctx.title), 1)
+            ])
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          _ctx.subTitle || _ctx.$slots["sub-title"] ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(ns).e("subtitle"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "sub-title", {}, () => [
+              vue.createElementVNode("p", null, vue.toDisplayString(_ctx.subTitle), 1)
+            ])
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 2,
+            class: vue.normalizeClass(vue.unref(ns).e("extra"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "extra")
+          ], 2)) : vue.createCommentVNode("v-if", true)
+        ], 2);
       };
     }
   });
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(_ctx.ns.b())
-    }, [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("icon"))
-      }, [
-        vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-          _ctx.resultIcon.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.resultIcon.component), {
-            key: 0,
-            class: vue.normalizeClass(_ctx.resultIcon.class)
-          }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-        ])
-      ], 2),
-      _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.ns.e("title"))
-      }, [
-        vue.renderSlot(_ctx.$slots, "title", {}, () => [
-          vue.createElementVNode("p", null, vue.toDisplayString(_ctx.title), 1)
-        ])
-      ], 2)) : vue.createCommentVNode("v-if", true),
-      _ctx.subTitle || _ctx.$slots["sub-title"] ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 1,
-        class: vue.normalizeClass(_ctx.ns.e("subtitle"))
-      }, [
-        vue.renderSlot(_ctx.$slots, "sub-title", {}, () => [
-          vue.createElementVNode("p", null, vue.toDisplayString(_ctx.subTitle), 1)
-        ])
-      ], 2)) : vue.createCommentVNode("v-if", true),
-      _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 2,
-        class: vue.normalizeClass(_ctx.ns.e("extra"))
-      }, [
-        vue.renderSlot(_ctx.$slots, "extra")
-      ], 2)) : vue.createCommentVNode("v-if", true)
-    ], 2);
-  }
-  var Result = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$j], ["__file", "result.vue"]]);
+  var Result = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "result.vue"]]);
 
   const ElResult = withInstall(Result);
 
@@ -54797,6 +54865,7 @@
   exports.POPPER_CONTAINER_SELECTOR = POPPER_CONTAINER_SELECTOR;
   exports.POPPER_CONTENT_INJECTION_KEY = POPPER_CONTENT_INJECTION_KEY;
   exports.POPPER_INJECTION_KEY = POPPER_INJECTION_KEY;
+  exports.ROOT_PICKER_INJECTION_KEY = ROOT_PICKER_INJECTION_KEY;
   exports.RepeatClick = RepeatClick;
   exports.Resize = Resize;
   exports.TOOLTIP_INJECTION_KEY = TOOLTIP_INJECTION_KEY;