@element-plus/nightly 0.0.20220526 → 0.0.20220527

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220526 */
+/*! Element Plus v0.0.20220527 */
 
 import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, ref, watch, unref, getCurrentInstance, onMounted, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, computed, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, resolveComponent, reactive, cloneVNode, Text, renderList, withKeys, createSlots, resolveDirective, normalizeProps, guardReactiveProps, vModelCheckbox, toRefs, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -7390,10 +7390,10 @@ const _hoisted_2$1l = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$12 = [
   _hoisted_2$1l
 ];
-function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1I, _hoisted_3$12);
 }
-var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2W, [["render", _sfc_render$1K]]);
+var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2W, [["render", _sfc_render$1I]]);
 
 defineComponent({
   name: "ArrowLeftBold"
@@ -7413,10 +7413,10 @@ const _hoisted_2$1k = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$11 = [
   _hoisted_2$1k
 ];
-function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1H, _hoisted_3$11);
 }
-var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2V, [["render", _sfc_render$1J]]);
+var arrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2V, [["render", _sfc_render$1H]]);
 
 defineComponent({
   name: "ArrowRightBold"
@@ -7436,10 +7436,10 @@ const _hoisted_2$1j = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$10 = [
   _hoisted_2$1j
 ];
-function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1G, _hoisted_3$10);
 }
-var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2U, [["render", _sfc_render$1I]]);
+var arrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2U, [["render", _sfc_render$1G]]);
 
 defineComponent({
   name: "ArrowUpBold"
@@ -7459,10 +7459,10 @@ const _hoisted_2$1i = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$$ = [
   _hoisted_2$1i
 ];
-function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1F, _hoisted_3$$);
 }
-var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2T, [["render", _sfc_render$1H]]);
+var arrowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2T, [["render", _sfc_render$1F]]);
 
 defineComponent({
   name: "Avatar"
@@ -7483,14 +7483,14 @@ const _hoisted_3$_ = /* @__PURE__ */ createElementVNode("path", {
   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$1G(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_4$k);
+function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1E, _hoisted_4$j);
 }
-var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2S, [["render", _sfc_render$1G]]);
+var back = /* @__PURE__ */ _export_sfc$1(_sfc_main$2S, [["render", _sfc_render$1E]]);
 
 defineComponent({
   name: "Baseball"
@@ -7562,10 +7562,10 @@ const _hoisted_2$1g = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$Z = [
   _hoisted_2$1g
 ];
-function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1D, _hoisted_3$Z);
 }
-var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2R, [["render", _sfc_render$1F]]);
+var calendar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2R, [["render", _sfc_render$1D]]);
 
 defineComponent({
   name: "CameraFilled"
@@ -7597,10 +7597,10 @@ const _hoisted_2$1f = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$Y = [
   _hoisted_2$1f
 ];
-function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1C, _hoisted_3$Y);
 }
-var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2Q, [["render", _sfc_render$1E]]);
+var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2Q, [["render", _sfc_render$1C]]);
 
 const _sfc_main$2P = defineComponent({
   name: "CaretTop"
@@ -7616,10 +7616,10 @@ const _hoisted_2$1e = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$X = [
   _hoisted_2$1e
 ];
-function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1B, _hoisted_3$X);
 }
-var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2P, [["render", _sfc_render$1D]]);
+var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$2P, [["render", _sfc_render$1B]]);
 
 defineComponent({
   name: "Cellphone"
@@ -7663,10 +7663,10 @@ const _hoisted_2$1d = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$W = [
   _hoisted_2$1d
 ];
-function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1A, _hoisted_3$W);
 }
-var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2O, [["render", _sfc_render$1C]]);
+var check = /* @__PURE__ */ _export_sfc$1(_sfc_main$2O, [["render", _sfc_render$1A]]);
 
 defineComponent({
   name: "Checked"
@@ -7694,10 +7694,10 @@ const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$V = [
   _hoisted_2$1c
 ];
-function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1z, _hoisted_3$V);
 }
-var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$1B]]);
+var circleCheckFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2N, [["render", _sfc_render$1z]]);
 
 const _sfc_main$2M = defineComponent({
   name: "CircleCheck"
@@ -7714,14 +7714,14 @@ const _hoisted_3$U = /* @__PURE__ */ createElementVNode("path", {
   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$1A(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_4$j);
+function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1y, _hoisted_4$i);
 }
-var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$1A]]);
+var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$2M, [["render", _sfc_render$1y]]);
 
 const _sfc_main$2L = defineComponent({
   name: "CircleCloseFilled"
@@ -7737,10 +7737,10 @@ const _hoisted_2$1a = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$T = [
   _hoisted_2$1a
 ];
-function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1x, _hoisted_3$T);
 }
-var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$1z]]);
+var circleCloseFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2L, [["render", _sfc_render$1x]]);
 
 const _sfc_main$2K = defineComponent({
   name: "CircleClose"
@@ -7757,14 +7757,14 @@ const _hoisted_3$S = /* @__PURE__ */ createElementVNode("path", {
   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$1y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_4$i);
+function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1w, _hoisted_4$h);
 }
-var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$1y]]);
+var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$1w]]);
 
 defineComponent({
   name: "CirclePlusFilled"
@@ -7789,19 +7789,19 @@ const _hoisted_3$R = /* @__PURE__ */ createElementVNode("path", {
   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__ */ createElementVNode("path", {
+const _hoisted_4$g = /* @__PURE__ */ 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$1x(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_5$a);
+function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_5$9);
 }
-var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$1x]]);
+var clock = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["render", _sfc_render$1v]]);
 
 defineComponent({
   name: "CloseBold"
@@ -7821,10 +7821,10 @@ const _hoisted_2$17 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$Q = [
   _hoisted_2$17
 ];
-function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$Q);
 }
-var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$1w]]);
+var close$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["render", _sfc_render$1u]]);
 
 defineComponent({
   name: "Cloudy"
@@ -7900,10 +7900,10 @@ const _hoisted_2$16 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$P = [
   _hoisted_2$16
 ];
-function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1t, _hoisted_3$P);
 }
-var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$1v]]);
+var dArrowLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2H, [["render", _sfc_render$1t]]);
 
 const _sfc_main$2G = defineComponent({
   name: "DArrowRight"
@@ -7919,10 +7919,10 @@ const _hoisted_2$15 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$O = [
   _hoisted_2$15
 ];
-function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1s, _hoisted_3$O);
 }
-var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$1u]]);
+var dArrowRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["render", _sfc_render$1s]]);
 
 defineComponent({
   name: "DCaret"
@@ -7962,10 +7962,10 @@ const _hoisted_2$14 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$N = [
   _hoisted_2$14
 ];
-function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1r, _hoisted_3$N);
 }
-var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$1t]]);
+var _delete = /* @__PURE__ */ _export_sfc$1(_sfc_main$2F, [["render", _sfc_render$1r]]);
 
 defineComponent({
   name: "Dessert"
@@ -8017,10 +8017,10 @@ const _hoisted_2$13 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$M = [
   _hoisted_2$13
 ];
-function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$M);
 }
-var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$1s]]);
+var document$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$2E, [["render", _sfc_render$1q]]);
 
 defineComponent({
   name: "Download"
@@ -8144,10 +8144,10 @@ const _hoisted_2$12 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$L = [
   _hoisted_2$12
 ];
-function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$L);
 }
-var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$1r]]);
+var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$2D, [["render", _sfc_render$1p]]);
 
 defineComponent({
   name: "GobletFull"
@@ -8212,14 +8212,14 @@ const _hoisted_3$K = /* @__PURE__ */ createElementVNode("path", {
   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$1q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_4$g);
+function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_4$f);
 }
-var hide = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$1q]]);
+var hide = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$1o]]);
 
 defineComponent({
   name: "Histogram"
@@ -8271,10 +8271,10 @@ const _hoisted_2$10 = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$J = [
   _hoisted_2$10
 ];
-function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$J);
 }
-var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$1p]]);
+var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2B, [["render", _sfc_render$1n]]);
 
 defineComponent({
   name: "Iphone"
@@ -8314,10 +8314,10 @@ const _hoisted_2$$ = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$I = [
   _hoisted_2$$
 ];
-function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$I);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$1o]]);
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2A, [["render", _sfc_render$1m]]);
 
 defineComponent({
   name: "LocationFilled"
@@ -8401,10 +8401,10 @@ const _hoisted_2$_ = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$H = [
   _hoisted_2$_
 ];
-function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$H);
 }
-var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$1n]]);
+var minus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2z, [["render", _sfc_render$1l]]);
 
 defineComponent({
   name: "Money"
@@ -8436,10 +8436,10 @@ const _hoisted_2$Z = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$G = [
   _hoisted_2$Z
 ];
-function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$G);
 }
-var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$1m]]);
+var moreFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2y, [["render", _sfc_render$1k]]);
 
 const _sfc_main$2x = defineComponent({
   name: "More"
@@ -8455,10 +8455,10 @@ const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$F = [
   _hoisted_2$Y
 ];
-function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$F);
 }
-var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$1l]]);
+var more = /* @__PURE__ */ _export_sfc$1(_sfc_main$2x, [["render", _sfc_render$1j]]);
 
 defineComponent({
   name: "MostlyCloudy"
@@ -8550,10 +8550,10 @@ const _hoisted_2$X = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$E = [
   _hoisted_2$X
 ];
-function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$E);
 }
-var pictureFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$1k]]);
+var pictureFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2w, [["render", _sfc_render$1i]]);
 
 defineComponent({
   name: "PictureRounded"
@@ -8589,10 +8589,10 @@ const _hoisted_2$W = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$D = [
   _hoisted_2$W
 ];
-function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$D);
 }
-var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$1j]]);
+var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$2v, [["render", _sfc_render$1h]]);
 
 defineComponent({
   name: "Pointer"
@@ -8640,10 +8640,10 @@ const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$C = [
   _hoisted_2$V
 ];
-function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$C);
 }
-var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$1i]]);
+var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2u, [["render", _sfc_render$1g]]);
 
 defineComponent({
   name: "Rank"
@@ -8671,10 +8671,10 @@ const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$B = [
   _hoisted_2$U
 ];
-function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$B);
 }
-var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$1h]]);
+var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$2t, [["render", _sfc_render$1f]]);
 
 const _sfc_main$2s = defineComponent({
   name: "RefreshRight"
@@ -8690,10 +8690,10 @@ const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$A = [
   _hoisted_2$T
 ];
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$A);
 }
-var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$1g]]);
+var refreshRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$2s, [["render", _sfc_render$1e]]);
 
 defineComponent({
   name: "Refresh"
@@ -8729,10 +8729,10 @@ const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$z = [
   _hoisted_2$S
 ];
-function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$z);
 }
-var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$1f]]);
+var scaleToOriginal = /* @__PURE__ */ _export_sfc$1(_sfc_main$2r, [["render", _sfc_render$1d]]);
 
 defineComponent({
   name: "School"
@@ -8756,10 +8756,10 @@ const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$y = [
   _hoisted_2$R
 ];
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$y);
 }
-var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1e]]);
+var search = /* @__PURE__ */ _export_sfc$1(_sfc_main$2q, [["render", _sfc_render$1c]]);
 
 defineComponent({
   name: "Select"
@@ -8835,10 +8835,10 @@ const _hoisted_2$Q = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$x = [
   _hoisted_2$Q
 ];
-function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$x);
 }
-var sortDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1d]]);
+var sortDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$2p, [["render", _sfc_render$1b]]);
 
 const _sfc_main$2o = defineComponent({
   name: "SortUp"
@@ -8854,10 +8854,10 @@ const _hoisted_2$P = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$w = [
   _hoisted_2$P
 ];
-function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$w);
 }
-var sortUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1c]]);
+var sortUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$2o, [["render", _sfc_render$1a]]);
 
 defineComponent({
   name: "Sort"
@@ -8881,10 +8881,10 @@ const _hoisted_2$O = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$v = [
   _hoisted_2$O
 ];
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$v);
 }
-var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$1b]]);
+var starFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2n, [["render", _sfc_render$19]]);
 
 const _sfc_main$2m = defineComponent({
   name: "Star"
@@ -8900,10 +8900,10 @@ const _hoisted_2$N = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$u = [
   _hoisted_2$N
 ];
-function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$u);
 }
-var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$1a]]);
+var star = /* @__PURE__ */ _export_sfc$1(_sfc_main$2m, [["render", _sfc_render$18]]);
 
 defineComponent({
   name: "Stopwatch"
@@ -8923,10 +8923,10 @@ const _hoisted_2$M = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$t = [
   _hoisted_2$M
 ];
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$t);
 }
-var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$19]]);
+var successFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2l, [["render", _sfc_render$17]]);
 
 defineComponent({
   name: "Sugar"
@@ -9062,10 +9062,10 @@ const _hoisted_2$L = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$s = [
   _hoisted_2$L
 ];
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$s);
 }
-var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$18]]);
+var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$2k, [["render", _sfc_render$16]]);
 
 defineComponent({
   name: "WalletFilled"
@@ -9089,10 +9089,10 @@ const _hoisted_2$K = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$r = [
   _hoisted_2$K
 ];
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$r);
 }
-var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$17]]);
+var warningFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$2j, [["render", _sfc_render$15]]);
 
 defineComponent({
   name: "Warning"
@@ -9124,10 +9124,10 @@ const _hoisted_2$J = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$q = [
   _hoisted_2$J
 ];
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$q);
 }
-var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$16]]);
+var zoomIn = /* @__PURE__ */ _export_sfc$1(_sfc_main$2i, [["render", _sfc_render$14]]);
 
 const _sfc_main$2h = defineComponent({
   name: "ZoomOut"
@@ -9143,10 +9143,10 @@ const _hoisted_2$I = /* @__PURE__ */ createElementVNode("path", {
 const _hoisted_3$p = [
   _hoisted_2$I
 ];
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$p);
 }
-var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$15]]);
+var zoomOut = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$13]]);
 
 const wrapperKey = Symbol();
 const propKey = "__elPropsReservedKey";
@@ -9431,6 +9431,8 @@ const tooltipV2RootKey = Symbol("tooltipV2");
 const tooltipV2ContentKey = Symbol("tooltipV2Content");
 const TOOLTIP_V2_OPEN = "tooltip_v2.open";
 
+const ROOT_PICKER_INJECTION_KEY = Symbol();
+
 const useProp = (name) => {
   const vm = getCurrentInstance();
   return computed(() => {
@@ -11405,7 +11407,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "0.0.20220526";
+const version$1 = "0.0.20220527";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -11455,11 +11457,11 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const __default__$17 = {
+const __default__$18 = {
   name: "ElAffix"
 };
 const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+  ...__default__$18,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11574,12 +11576,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$16 = {
+const __default__$17 = {
   name: "ElIcon",
   inheritAttrs: false
 };
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+  ...__default__$17,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11641,11 +11643,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$15 = {
+const __default__$16 = {
   name: "ElAlert"
 };
 const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+  ...__default__$16,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11909,12 +11911,12 @@ const inputEmits = {
 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__$14 = {
+const __default__$15 = {
   name: "ElInput",
   inheritAttrs: false
 };
 const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$15,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -12485,7 +12487,7 @@ const _sfc_main$2c = defineComponent({
     };
   }
 });
-function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, {
     name: _ctx.ns.b("fade")
   }, {
@@ -12508,7 +12510,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name"]);
 }
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$14], ["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$12], ["__file", "thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
@@ -12557,7 +12559,7 @@ const _sfc_main$2b = defineComponent({
     };
   }
 });
-function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_thumb = resolveComponent("thumb");
   return openBlock(), createElementBlock(Fragment, null, [
     createVNode(_component_thumb, {
@@ -12575,7 +12577,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["move", "ratio", "size", "always"])
   ], 64);
 }
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$13], ["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$11], ["__file", "bar.vue"]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -12749,7 +12751,7 @@ const _sfc_main$2a = defineComponent({
     };
   }
 });
-function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_bar = resolveComponent("bar");
   return openBlock(), createElementBlock("div", {
     ref: "scrollbar$",
@@ -12787,7 +12789,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$12], ["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$10], ["__file", "scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar);
 
@@ -12802,12 +12804,12 @@ const usePopperProps = buildProps({
   }
 });
 
-const __default__$13 = {
+const __default__$14 = {
   name: "ElPopperRoot",
   inheritAttrs: false
 };
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+  ...__default__$14,
   props: usePopperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12839,12 +12841,12 @@ const usePopperArrowProps = buildProps({
   }
 });
 
-const __default__$12 = {
+const __default__$13 = {
   name: "ElPopperArrow",
   inheritAttrs: false
 };
 const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$13,
   props: usePopperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12942,12 +12944,12 @@ const usePopperTriggerProps = buildProps({
   open: Boolean
 });
 
-const __default__$11 = {
+const __default__$12 = {
   name: "ElPopperTrigger",
   inheritAttrs: false
 };
 const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+  ...__default__$12,
   props: usePopperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13245,7 +13247,8 @@ const _sfc_main$26 = defineComponent({
       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 {
@@ -13323,10 +13326,10 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$11], ["__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({
@@ -13480,11 +13483,11 @@ function deriveExtraModifiers(options, modifiers) {
 }
 
 const _hoisted_1$11 = ["role", "aria-label", "aria-modal"];
-const __default__$10 = {
+const __default__$11 = {
   name: "ElPopperContent"
 };
 const _sfc_main$25 = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+  ...__default__$11,
   props: usePopperContentProps,
   emits: usePopperContentEmits,
   setup(__props, { expose, emit }) {
@@ -13830,7 +13833,7 @@ const _sfc_main$24 = defineComponent({
     };
   }
 });
-function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_popper_content = resolveComponent("el-popper-content");
   return openBlock(), createBlock(Teleport, {
     disabled: !_ctx.teleported,
@@ -13884,7 +13887,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
   ], 8, ["disabled", "to"]);
 }
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$10], ["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$_], ["__file", "content.vue"]]);
 
 const isTriggerType = (trigger, type) => {
   if (isArray(trigger)) {
@@ -13948,7 +13951,7 @@ const _sfc_main$23 = defineComponent({
     };
   }
 });
-function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_popper_trigger = resolveComponent("el-popper-trigger");
   return openBlock(), createBlock(_component_el_popper_trigger, {
     id: _ctx.id,
@@ -13970,7 +13973,7 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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$$], ["__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 = defineComponent({
@@ -14087,7 +14090,7 @@ const _sfc_main$22 = defineComponent({
 });
 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 = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
   const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
@@ -14154,7 +14157,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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);
 
@@ -14225,12 +14228,12 @@ const autocompleteEmits = {
 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__ */ defineComponent({
-  ...__default__$$,
+  ...__default__$10,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -14568,11 +14571,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$_ = ["src", "alt", "srcset"];
-const __default__$_ = {
+const __default__$$ = {
   name: "ElAvatar"
 };
 const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$_,
+  ...__default__$$,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -14653,11 +14656,11 @@ const backtopEmits = {
 };
 
 const _hoisted_1$Z = ["onClick"];
-const __default__$Z = {
+const __default__$_ = {
   name: "ElBacktop"
 };
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$Z,
+  ...__default__$_,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -14762,11 +14765,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$Y = ["textContent"];
-const __default__$Y = {
+const __default__$Z = {
   name: "ElBadge"
 };
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$Y,
+  ...__default__$Z,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14824,11 +14827,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$X = {
+const __default__$Y = {
   name: "ElBreadcrumb"
 };
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$X,
+  ...__default__$Y,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -14867,11 +14870,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$W = {
+const __default__$X = {
   name: "ElBreadcrumbItem"
 };
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$W,
+  ...__default__$X,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -15902,11 +15905,11 @@ function useButtonCustomStyle(props) {
 }
 
 const _hoisted_1$X = ["aria-disabled", "disabled", "autofocus", "type"];
-const __default__$V = {
+const __default__$W = {
   name: "ElButton"
 };
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$V,
+  ...__default__$W,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -16014,11 +16017,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$U = {
+const __default__$V = {
   name: "ElButtonGroup"
 };
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$U,
+  ...__default__$V,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -16473,6 +16476,7 @@ const DEFAULT_FORMATS_TIME = "HH:mm:ss";
 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",
@@ -17079,7 +17083,7 @@ const _sfc_main$1V = defineComponent({
 });
 const _hoisted_1$W = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -17264,7 +17268,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["visible", "transition", "popper-class", "popper-options", "onBeforeShow", "onShow", "onHide"]);
 }
-var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$Z], ["__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;
@@ -17771,7 +17775,7 @@ const _sfc_main$1U = defineComponent({
 });
 const _hoisted_1$V = ["onClick"];
 const _hoisted_2$D = ["onMouseenter"];
-function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_arrow_up = resolveComponent("arrow-up");
   const _component_el_icon = resolveComponent("el-icon");
@@ -17867,7 +17871,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128)) : createCommentVNode("v-if", true)
   ], 2);
 }
-var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$Y], ["__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 = defineComponent({
   components: {
@@ -18033,7 +18037,7 @@ const _sfc_main$1T = defineComponent({
     };
   }
 });
-function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
     default: withCtx(() => [
@@ -18078,7 +18082,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name"]);
 }
-var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$X], ["__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 = [];
@@ -18316,7 +18320,7 @@ const _sfc_main$1S = defineComponent({
   }
 });
 const _hoisted_1$U = ["disabled"];
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return _ctx.actualVisible ? (openBlock(), createElementBlock("div", {
     key: 0,
@@ -18403,7 +18407,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2)) : createCommentVNode("v-if", true);
 }
-var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$W], ["__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 = defineComponent({
@@ -18497,11 +18501,11 @@ const dateTableEmits = {
 
 const _hoisted_1$T = { key: 0 };
 const _hoisted_2$C = ["onClick"];
-const __default__$T = {
+const __default__$U = {
   name: "DateTable"
 };
 const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$T,
+  ...__default__$U,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -18655,11 +18659,11 @@ const calendarEmits = {
   input: (value) => value instanceof Date
 };
 
-const __default__$S = {
+const __default__$T = {
   name: "ElCalendar"
 };
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$S,
+  ...__default__$T,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -18897,11 +18901,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$R = {
+const __default__$S = {
   name: "ElCard"
 };
 const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+  ...__default__$S,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -18982,11 +18986,11 @@ const carouselEmits = {
 const _hoisted_1$S = ["onMouseenter", "onMouseleave"];
 const _hoisted_2$B = ["onMouseenter", "onClick"];
 const _hoisted_3$m = { key: 0 };
-const __default__$Q = {
+const __default__$R = {
   name: "ElCarousel"
 };
 const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+  ...__default__$R,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -19293,11 +19297,11 @@ const carouselItemProps = buildProps({
   }
 });
 
-const __default__$P = {
+const __default__$Q = {
   name: "ElCarouselItem"
 };
 const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$P,
+  ...__default__$Q,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -19705,11 +19709,11 @@ const useCheckbox = (props, slots) => {
 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__$O = {
+const __default__$P = {
   name: "ElCheckbox"
 };
 const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$O,
+  ...__default__$P,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19810,11 +19814,11 @@ var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "checkbox.v
 
 const _hoisted_1$Q = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$z = ["name", "tabindex", "disabled", "value"];
-const __default__$N = {
+const __default__$O = {
   name: "ElCheckboxButton"
 };
 const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$N,
+  ...__default__$O,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19888,11 +19892,11 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
 });
 var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "checkbox-button.vue"]]);
 
-const __default__$M = {
+const __default__$N = {
   name: "ElCheckboxGroup"
 };
 const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$M,
+  ...__default__$N,
   props: useCheckboxGroupProps,
   emits: checkboxEmits,
   setup(__props, { emit }) {
@@ -20013,11 +20017,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$P = ["value", "name", "disabled"];
-const __default__$L = {
+const __default__$M = {
   name: "ElRadio"
 };
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+  ...__default__$M,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -20089,11 +20093,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$O = ["value", "name", "disabled"];
-const __default__$K = {
+const __default__$L = {
   name: "ElRadioButton"
 };
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$K,
+  ...__default__$L,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -20179,11 +20183,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$N = ["id", "aria-label", "aria-labelledby"];
-const __default__$J = {
+const __default__$K = {
   name: "ElRadioGroup"
 };
 const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+  ...__default__$K,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -20380,7 +20384,7 @@ const _sfc_main$1G = defineComponent({
 });
 const _hoisted_1$M = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$y = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -20463,7 +20467,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2112)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$M);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$V], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$T], ["__file", "node.vue"]]);
 
 const _sfc_main$1F = defineComponent({
   name: "ElCascaderMenu",
@@ -20543,7 +20547,7 @@ const _sfc_main$1F = defineComponent({
     };
   }
 });
-function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_node = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -20596,7 +20600,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$U], ["__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";
@@ -21071,7 +21075,7 @@ const _sfc_main$1E = defineComponent({
     };
   }
 });
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_menu = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -21088,7 +21092,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$T], ["__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);
@@ -21126,11 +21130,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$I = {
+const __default__$J = {
   name: "ElTag"
 };
 const _sfc_main$1D = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+  ...__default__$J,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -21658,8 +21662,8 @@ const _sfc_main$1C = defineComponent({
 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$S(_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 = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -21871,7 +21875,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true)
-            ], 10, _hoisted_4$f);
+            ], 10, _hoisted_4$e);
           }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
             createElementVNode("li", {
               class: normalizeClass(_ctx.nsCascader.e("empty-text"))
@@ -21886,7 +21890,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
 }
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$S], ["__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);
@@ -21905,11 +21909,11 @@ const checkTagEmits = {
   change: (value) => isBoolean(value)
 };
 
-const __default__$H = {
+const __default__$I = {
   name: "ElCheckTag"
 };
 const _sfc_main$1B = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+  ...__default__$I,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -22047,11 +22051,11 @@ const collapseEmits = {
   [CHANGE_EVENT]: emitChangeFn
 };
 
-const __default__$G = {
+const __default__$H = {
   name: "ElCollapse"
 };
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$G,
+  ...__default__$H,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -22161,7 +22165,7 @@ const _sfc_main$1z = defineComponent({
     };
   }
 });
-function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, mergeProps({
     name: _ctx.ns.b()
   }, toHandlers(_ctx.on)), {
@@ -22171,7 +22175,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["name"]);
 }
-var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$R], ["__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);
@@ -22194,11 +22198,11 @@ const collapseItemProps = buildProps({
 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__$F = {
+const __default__$G = {
   name: "ElCollapseItem"
 };
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+  ...__default__$G,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -22440,7 +22444,7 @@ const _sfc_main$1x = defineComponent({
     };
   }
 });
-function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -22462,7 +22466,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$Q], ["__file", "alpha-slider.vue"]]);
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$O], ["__file", "alpha-slider.vue"]]);
 
 const _sfc_main$1w = defineComponent({
   name: "ElColorHueSlider",
@@ -22555,7 +22559,7 @@ const _sfc_main$1w = defineComponent({
     };
   }
 });
-function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -22574,7 +22578,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$P], ["__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 = () => {
@@ -22895,7 +22899,7 @@ const _sfc_main$1v = defineComponent({
 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$O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$J, [
     createElementVNode("div", _hoisted_2$v, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
@@ -22912,7 +22916,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$O], ["__file", "predefine.vue"]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$M], ["__file", "predefine.vue"]]);
 
 const _sfc_main$1u = defineComponent({
   name: "ElSlPanel",
@@ -22985,10 +22989,10 @@ const _sfc_main$1u = defineComponent({
 const _hoisted_1$I = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__white" }, null, -1);
 const _hoisted_2$u = /* @__PURE__ */ createElementVNode("div", { class: "el-color-svpanel__black" }, null, -1);
 const _hoisted_3$h = /* @__PURE__ */ createElementVNode("div", null, null, -1);
-const _hoisted_4$e = [
+const _hoisted_4$d = [
   _hoisted_3$h
 ];
-function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "el-color-svpanel",
     style: normalizeStyle({
@@ -23003,10 +23007,10 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
         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$N], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$L], ["__file", "sv-panel.vue"]]);
 
 const _sfc_main$1t = defineComponent({
   name: "ElColorPicker",
@@ -23207,7 +23211,7 @@ const _sfc_main$1t = defineComponent({
   }
 });
 const _hoisted_1$H = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hue_slider = resolveComponent("hue-slider");
   const _component_sv_panel = resolveComponent("sv-panel");
   const _component_alpha_slider = resolveComponent("alpha-slider");
@@ -23362,7 +23366,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "popper-class"]);
 }
-var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$M], ["__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);
@@ -23419,11 +23423,11 @@ var ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const __default__$E = {
+const __default__$F = {
   name: "ElContainer"
 };
 const _sfc_main$1s = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+  ...__default__$F,
   props: {
     direction: {
       type: String
@@ -23460,11 +23464,11 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
 });
 var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "container.vue"]]);
 
-const __default__$D = {
+const __default__$E = {
   name: "ElAside"
 };
 const _sfc_main$1r = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+  ...__default__$E,
   props: {
     width: {
       type: String,
@@ -23487,11 +23491,11 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
 });
 var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "aside.vue"]]);
 
-const __default__$C = {
+const __default__$D = {
   name: "ElFooter"
 };
 const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+  ...__default__$D,
   props: {
     height: {
       type: String,
@@ -23514,11 +23518,11 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 });
 var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "footer.vue"]]);
 
-const __default__$B = {
+const __default__$C = {
   name: "ElHeader"
 };
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+  ...__default__$C,
   props: {
     height: {
       type: String,
@@ -23545,11 +23549,11 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
 });
 var Header = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "header.vue"]]);
 
-const __default__$A = {
+const __default__$B = {
   name: "ElMain"
 };
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+  ...__default__$B,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -23719,7 +23723,14 @@ var isSameOrBefore$1 = {exports: {}};
 })(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)
@@ -23735,8 +23746,7 @@ const datePickerSharedProps = buildProps({
     type: definePropType(Object)
   },
   parsedValue: {
-    type: definePropType([Object, Array]),
-    required: true
+    type: definePropType([Object, Array])
   },
   rangeState: {
     type: definePropType(Object),
@@ -23790,35 +23800,37 @@ const basicDateTableProps = buildProps({
   selectionMode: selectionModeWithDefault("date")
 });
 
-const ROOT_PICKER_INJECTION_KEY = Symbol();
+const basicCellProps = buildProps({
+  cell: {
+    type: definePropType(Object)
+  }
+});
 
 var ElDatePickerCell = defineComponent({
   name: "ElDatePickerCell",
-  props: buildProps({
-    cell: {
-      type: definePropType(Object)
-    }
-  }),
+  props: basicCellProps,
   setup(props) {
     const ns = useNamespace("date-table-cell");
-    const picker = inject(ROOT_PICKER_INJECTION_KEY);
+    const {
+      slots
+    } = 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 h$1("div", {
-        class: ns.b()
-      }, [
-        h$1("span", {
-          class: ns.e("text")
-        }, [cell == null ? void 0 : cell.text])
-      ]);
+      return createVNode("div", {
+        "class": ns.b()
+      }, [createVNode("span", {
+        "class": ns.e("text")
+      }, [cell == null ? void 0 : cell.text])]);
     };
   }
 });
@@ -23831,6 +23843,7 @@ const _sfc_main$1n = defineComponent({
   emits: ["changerange", "pick", "select"],
   expose: ["focus"],
   setup(props, ctx) {
+    const ns = useNamespace("date-table");
     const { t, lang } = useLocale();
     const tbodyRef = ref();
     const currentCellRef = ref();
@@ -24089,6 +24102,7 @@ const _sfc_main$1n = defineComponent({
       return false;
     };
     return {
+      ns,
       tbodyRef,
       currentCellRef,
       handleMouseMove,
@@ -24111,16 +24125,16 @@ const _hoisted_3$g = {
   key: 0,
   scope: "col"
 };
-const _hoisted_4$d = ["aria-label"];
-const _hoisted_5$9 = ["aria-current", "aria-selected", "tabindex"];
-function _sfc_render$L(_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 = resolveComponent("el-date-picker-cell");
   return openBlock(), createElementBlock("table", {
     role: "grid",
     "aria-label": _ctx.t("el.datepicker.dateTablePrompt"),
     cellspacing: "0",
     cellpadding: "0",
-    class: normalizeClass(["el-date-table", { "is-week-mode": _ctx.selectionMode === "week" }]),
+    class: 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))
   }, [
@@ -24132,13 +24146,13 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
             key,
             scope: "col",
             "aria-label": _ctx.t("el.datepicker.weeksFull." + week)
-          }, toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 9, _hoisted_4$d);
+          }, toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 9, _hoisted_4$c);
         }), 128))
       ]),
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (row, key) => {
         return openBlock(), createElementBlock("tr", {
           key,
-          class: normalizeClass(["el-date-table__row", { current: _ctx.isWeekActive(row[1]) }])
+          class: normalizeClass([_ctx.ns.e("row"), { current: _ctx.isWeekActive(row[1]) }])
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, key_) => {
             return openBlock(), createElementBlock("td", {
@@ -24152,14 +24166,14 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
               onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
             }, [
               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$L], ["__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,
@@ -24176,6 +24190,7 @@ const _sfc_main$1m = defineComponent({
   emits: ["changerange", "pick", "select"],
   expose: ["focus"],
   setup(props, ctx) {
+    const ns = useNamespace("month-table");
     const { t, lang } = useLocale();
     const tbodyRef = ref();
     const currentCellRef = ref();
@@ -24313,6 +24328,7 @@ const _sfc_main$1m = defineComponent({
       }
     };
     return {
+      ns,
       tbodyRef,
       currentCellRef,
       handleMouseMove,
@@ -24329,12 +24345,12 @@ const _sfc_main$1m = defineComponent({
 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$K(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_4$b = { class: "cell" };
+function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     role: "grid",
     "aria-label": _ctx.t("el.datepicker.monthTablePrompt"),
-    class: "el-month-table",
+    class: 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))
   }, [
@@ -24356,16 +24372,16 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
               ]
             }, [
               createElementVNode("div", null, [
-                createElementVNode("span", _hoisted_4$c, toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
+                createElementVNode("span", _hoisted_4$b, 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$K], ["__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({
@@ -24385,6 +24401,7 @@ const _sfc_main$1l = defineComponent({
   emits: ["pick"],
   expose: ["focus"],
   setup(props, ctx) {
+    const ns = useNamespace("year-table");
     const { t, lang } = useLocale();
     const tbodyRef = ref();
     const currentCellRef = ref();
@@ -24424,6 +24441,7 @@ const _sfc_main$1l = defineComponent({
       }
     };
     return {
+      ns,
       t,
       tbodyRef,
       currentCellRef,
@@ -24438,13 +24456,13 @@ const _sfc_main$1l = defineComponent({
 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$J(_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 openBlock(), createElementBlock("table", {
     role: "grid",
     "aria-label": _ctx.t("el.datepicker.yearTablePrompt"),
-    class: "el-year-table",
+    class: normalizeClass(_ctx.ns.b()),
     onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args))
   }, [
     createElementVNode("tbody", _hoisted_2$r, [
@@ -24466,16 +24484,16 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
                   _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args), ["prevent", "stop"]), ["enter"]))
                 ]
               }, [
-                createElementVNode("span", _hoisted_4$b, toDisplayString(_ctx.startYear + i * 4 + j), 1)
-              ], 42, _hoisted_3$e)) : (openBlock(), createElementBlock("td", _hoisted_5$8))
+                createElementVNode("span", _hoisted_4$a, toDisplayString(_ctx.startYear + i * 4 + j), 1)
+              ], 42, _hoisted_3$e)) : (openBlock(), 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$J], ["__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 = defineComponent({
@@ -24496,6 +24514,8 @@ const _sfc_main$1k = defineComponent({
   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 = inject("EP_PICKER_BASE");
     const popper = inject(TOOLTIP_INJECTION_KEY);
@@ -24870,6 +24890,8 @@ const _sfc_main$1k = defineComponent({
       }
     }, { immediate: true });
     return {
+      ppNs,
+      dpNs,
       currentViewRef,
       handleTimePick,
       handleTimePickClose,
@@ -24911,27 +24933,12 @@ const _sfc_main$1k = defineComponent({
     };
   }
 });
-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$I(_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 = resolveComponent("el-input");
   const _component_time_pick_panel = resolveComponent("time-pick-panel");
   const _component_d_arrow_left = resolveComponent("d-arrow-left");
@@ -24945,28 +24952,44 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_button = resolveComponent("el-button");
   const _directive_clickoutside = resolveDirective("clickoutside");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-picker-panel el-date-picker", [
+    class: normalizeClass([
+      _ctx.ppNs.b(),
+      _ctx.dpNs.b(),
       {
         "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts,
         "has-time": _ctx.showTime
       }
-    ]])
+    ])
   }, [
-    createElementVNode("div", _hoisted_1$D, [
-      renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ppNs.e("body-wrapper"))
+    }, [
+      renderSlot(_ctx.$slots, "sidebar", {
+        class: normalizeClass(_ctx.ppNs.e("sidebar"))
+      }),
+      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(_ctx.ppNs.e("sidebar"))
+      }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
           return openBlock(), createElementBlock("button", {
             key,
             type: "button",
-            class: "el-picker-panel__shortcut",
+            class: normalizeClass(_ctx.ppNs.e("shortcut")),
             onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-          }, toDisplayString(shortcut.text), 9, _hoisted_3$d);
+          }, toDisplayString(shortcut.text), 11, _hoisted_1$D);
         }), 128))
-      ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4$a, [
-        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
-          createElementVNode("span", _hoisted_6$3, [
+      ], 2)) : createCommentVNode("v-if", true),
+      createElementVNode("div", {
+        class: normalizeClass(_ctx.ppNs.e("body"))
+      }, [
+        _ctx.showTime ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.dpNs.e("time-header"))
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass(_ctx.dpNs.e("editor-wrap"))
+          }, [
             createVNode(_component_el_input, {
               placeholder: _ctx.t("el.datepicker.selectDate"),
               "model-value": _ctx.visibleDate,
@@ -24974,8 +24997,10 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
               onInput: _cache[0] || (_cache[0] = (val) => _ctx.userInputDate = val),
               onChange: _ctx.handleVisibleDateChange
             }, null, 8, ["placeholder", "model-value", "onChange"])
-          ]),
-          withDirectives((openBlock(), createElementBlock("span", _hoisted_7$3, [
+          ], 2),
+          withDirectives((openBlock(), createElementBlock("span", {
+            class: normalizeClass(_ctx.dpNs.e("editor-wrap"))
+          }, [
             createVNode(_component_el_input, {
               placeholder: _ctx.t("el.datepicker.selectTime"),
               "model-value": _ctx.visibleTime,
@@ -24991,20 +25016,23 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
               "parsed-value": _ctx.innerDate,
               onPick: _ctx.handleTimePick
             }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value", "onPick"])
-          ])), [
+          ], 2)), [
             [_directive_clickoutside, _ctx.handleTimePickClose]
           ])
-        ])) : createCommentVNode("v-if", true),
+        ], 2)) : createCommentVNode("v-if", true),
         withDirectives(createElementVNode("div", {
-          class: normalizeClass(["el-date-picker__header", {
-            "el-date-picker__header--bordered": _ctx.currentView === "year" || _ctx.currentView === "month"
-          }])
+          class: normalizeClass([
+            _ctx.dpNs.e("header"),
+            (_ctx.currentView === "year" || _ctx.currentView === "month") && _ctx.dpNs.e("header--bordered")
+          ])
         }, [
-          createElementVNode("span", _hoisted_8$3, [
+          createElementVNode("span", {
+            class: normalizeClass(_ctx.dpNs.e("prev-btn"))
+          }, [
             createElementVNode("button", {
               type: "button",
               "aria-label": _ctx.t(`el.datepicker.prevYear`),
-              class: "el-picker-panel__icon-btn d-arrow-left",
+              class: normalizeClass(["d-arrow-left", _ctx.ppNs.e("icon-btn")]),
               onClick: _cache[2] || (_cache[2] = (...args) => _ctx.prevYear_ && _ctx.prevYear_(...args))
             }, [
               createVNode(_component_el_icon, null, {
@@ -25013,11 +25041,11 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_9$3),
+            ], 10, _hoisted_2$q),
             withDirectives(createElementVNode("button", {
               type: "button",
               "aria-label": _ctx.t(`el.datepicker.prevMonth`),
-              class: "el-picker-panel__icon-btn arrow-left",
+              class: normalizeClass([_ctx.ppNs.e("icon-btn"), "arrow-left"]),
               onClick: _cache[3] || (_cache[3] = (...args) => _ctx.prevMonth_ && _ctx.prevMonth_(...args))
             }, [
               createVNode(_component_el_icon, null, {
@@ -25026,33 +25054,38 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_10$3), [
+            ], 10, _hoisted_3$d), [
               [vShow, _ctx.currentView === "date"]
             ])
-          ]),
+          ], 2),
           createElementVNode("span", {
             role: "button",
-            class: "el-date-picker__header-label",
+            class: normalizeClass(_ctx.dpNs.e("header-label")),
             "aria-live": "polite",
             tabindex: "0",
             onKeydown: _cache[4] || (_cache[4] = withKeys((...args) => _ctx.showYearPicker && _ctx.showYearPicker(...args), ["enter"])),
             onClick: _cache[5] || (_cache[5] = (...args) => _ctx.showYearPicker && _ctx.showYearPicker(...args))
-          }, toDisplayString(_ctx.yearLabel), 33),
+          }, toDisplayString(_ctx.yearLabel), 35),
           withDirectives(createElementVNode("span", {
             role: "button",
-            class: normalizeClass(["el-date-picker__header-label", { active: _ctx.currentView === "month" }]),
             "aria-live": "polite",
             tabindex: "0",
+            class: normalizeClass([
+              _ctx.dpNs.e("header-label"),
+              { active: _ctx.currentView === "month" }
+            ]),
             onKeydown: _cache[6] || (_cache[6] = withKeys((...args) => _ctx.showMonthPicker && _ctx.showMonthPicker(...args), ["enter"])),
             onClick: _cache[7] || (_cache[7] = (...args) => _ctx.showMonthPicker && _ctx.showMonthPicker(...args))
           }, toDisplayString(_ctx.t(`el.datepicker.month${_ctx.month + 1}`)), 35), [
             [vShow, _ctx.currentView === "date"]
           ]),
-          createElementVNode("span", _hoisted_11$2, [
+          createElementVNode("span", {
+            class: normalizeClass(_ctx.dpNs.e("next-btn"))
+          }, [
             withDirectives(createElementVNode("button", {
               type: "button",
               "aria-label": _ctx.t(`el.datepicker.nextMonth`),
-              class: "el-picker-panel__icon-btn arrow-right",
+              class: normalizeClass([_ctx.ppNs.e("icon-btn"), "arrow-right"]),
               onClick: _cache[8] || (_cache[8] = (...args) => _ctx.nextMonth_ && _ctx.nextMonth_(...args))
             }, [
               createVNode(_component_el_icon, null, {
@@ -25061,13 +25094,13 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_12$2), [
+            ], 10, _hoisted_4$9), [
               [vShow, _ctx.currentView === "date"]
             ]),
             createElementVNode("button", {
               type: "button",
               "aria-label": _ctx.t(`el.datepicker.nextYear`),
-              class: "el-picker-panel__icon-btn d-arrow-right",
+              class: normalizeClass([_ctx.ppNs.e("icon-btn"), "d-arrow-right"]),
               onClick: _cache[9] || (_cache[9] = (...args) => _ctx.nextYear_ && _ctx.nextYear_(...args))
             }, [
               createVNode(_component_el_icon, null, {
@@ -25076,13 +25109,13 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_13$2)
-          ])
+            ], 10, _hoisted_5$6)
+          ], 2)
         ], 2), [
           [vShow, _ctx.currentView !== "time"]
         ]),
         createElementVNode("div", {
-          class: "el-picker-panel__content",
+          class: normalizeClass(_ctx.ppNs.e("content")),
           onKeydown: _cache[10] || (_cache[10] = (...args) => _ctx.handleKeydownTable && _ctx.handleKeydownTable(...args))
         }, [
           _ctx.currentView === "date" ? (openBlock(), createBlock(_component_date_table, {
@@ -25111,67 +25144,139 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
             "disabled-date": _ctx.disabledDate,
             onPick: _ctx.handleMonthPick
           }, null, 8, ["date", "parsed-value", "disabled-date", "onPick"])) : createCommentVNode("v-if", true)
-        ], 32)
-      ])
-    ]),
-    withDirectives(createElementVNode("div", _hoisted_14$2, [
+        ], 34)
+      ], 2)
+    ], 2),
+    withDirectives(createElementVNode("div", {
+      class: normalizeClass(_ctx.ppNs.e("footer"))
+    }, [
       withDirectives(createVNode(_component_el_button, {
         text: "",
         size: "small",
-        class: "el-picker-panel__link-btn",
+        class: normalizeClass(_ctx.ppNs.e("link-btn")),
         onClick: _ctx.changeToNow
       }, {
         default: withCtx(() => [
           createTextVNode(toDisplayString(_ctx.t("el.datepicker.now")), 1)
         ]),
         _: 1
-      }, 8, ["onClick"]), [
+      }, 8, ["class", "onClick"]), [
         [vShow, _ctx.selectionMode !== "dates"]
       ]),
       createVNode(_component_el_button, {
         plain: "",
         size: "small",
-        class: "el-picker-panel__link-btn",
+        class: normalizeClass(_ctx.ppNs.e("link-btn")),
         onClick: _ctx.onConfirm
       }, {
         default: withCtx(() => [
           createTextVNode(toDisplayString(_ctx.t("el.datepicker.confirm")), 1)
         ]),
         _: 1
-      }, 8, ["onClick"])
-    ], 512), [
+      }, 8, ["class", "onClick"])
+    ], 2), [
       [vShow, _ctx.footerVisible && _ctx.currentView === "date"]
     ])
   ], 2);
 }
-var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$I], ["__file", "panel-date-pick.vue"]]);
+var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$G], ["__file", "panel-date-pick.vue"]]);
 
 const panelDateRangeProps = buildProps({
   ...panelSharedProps,
   ...panelRangeSharedProps
 });
 
-const _sfc_main$1j = defineComponent({
-  directives: { clickoutside: ClickOutside },
-  components: {
-    TimePickPanel,
-    DateTable,
-    ElInput,
-    ElButton,
-    ElIcon,
-    DArrowLeft: dArrowLeft,
-    ArrowLeft: arrowLeft,
-    DArrowRight: dArrowRight,
-    ArrowRight: arrowRight
-  },
+const useRangePicker = () => {
+  const { emit } = getCurrentInstance();
+  const attrs = useAttrs$1();
+  const slots = useSlots();
+  const { pickerNs } = inject(ROOT_PICKER_INJECTION_KEY);
+  const drpNs = useNamespace("date-range-picker");
+  const { t, lang } = useLocale();
+  const minDate = ref();
+  const maxDate = ref();
+  const rangeState = ref({
+    endDate: null,
+    selecting: false
+  });
+  const handleChangeRange = (val) => {
+    rangeState.value = val;
+  };
+  const handleRangeConfirm = (visible = false) => {
+    const _minDate = unref(minDate);
+    const _maxDate = 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;
+    }
+    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__ */ defineComponent({
   props: panelDateRangeProps,
-  emits: ["pick", "set-picker-option", "calendar-change", "panel-change"],
-  setup(props, ctx) {
-    const { t, lang } = useLocale();
+  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 = ref(dayjs().locale(lang.value));
     const rightDate = ref(dayjs().locale(lang.value).add(1, "month"));
-    const minDate = ref(null);
-    const maxDate = ref(null);
     const dateUserInput = ref({
       min: null,
       max: null
@@ -25282,7 +25387,7 @@ const _sfc_main$1j = defineComponent({
       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 = computed(() => {
       const nextMonth = (leftMonth.value + 1) % 12;
@@ -25292,31 +25397,10 @@ const _sfc_main$1j = defineComponent({
     const enableYearArrow = 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 = ref({
-      endDate: null,
-      selecting: false
-    });
     const btnDisabled = 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 = 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 +25418,12 @@ const _sfc_main$1j = defineComponent({
       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 = ref(false);
     const maxTimePickerVisible = ref(false);
@@ -25451,13 +25522,13 @@ const _sfc_main$1j = defineComponent({
     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 +25547,10 @@ const _sfc_main$1j = defineComponent({
       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 = inject("EP_PICKER_BASE");
     const {
       shortcuts,
@@ -25491,11 +25562,11 @@ const _sfc_main$1j = defineComponent({
       clearable
     } = pickerBase.props;
     const defaultValue = toRef(pickerBase.props, "defaultValue");
-    watch(() => defaultValue.value, (val) => {
+    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,400 +25590,371 @@ const _sfc_main$1j = defineComponent({
         }
       } 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$H(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_input = resolveComponent("el-input");
-  const _component_time_pick_panel = resolveComponent("time-pick-panel");
-  const _component_arrow_right = resolveComponent("arrow-right");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_d_arrow_left = resolveComponent("d-arrow-left");
-  const _component_arrow_left = resolveComponent("arrow-left");
-  const _component_d_arrow_right = resolveComponent("d-arrow-right");
-  const _component_date_table = resolveComponent("date-table");
-  const _component_el_button = resolveComponent("el-button");
-  const _directive_clickoutside = resolveDirective("clickoutside");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-picker-panel el-date-range-picker", [
-      {
-        "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts,
-        "has-time": _ctx.showTime
-      }
-    ]])
-  }, [
-    createElementVNode("div", _hoisted_1$C, [
-      renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
-          return openBlock(), createElementBlock("button", {
-            key,
-            type: "button",
-            class: "el-picker-panel__shortcut",
-            onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-          }, toDisplayString(shortcut.text), 9, _hoisted_3$c);
-        }), 128))
-      ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4$9, [
-        _ctx.showTime ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
-          createElementVNode("span", _hoisted_6$2, [
-            createElementVNode("span", _hoisted_7$2, [
-              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"])
-            ]),
-            withDirectives((openBlock(), createElementBlock("span", _hoisted_8$2, [
-              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"]),
-              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]
-            ])
-          ]),
-          createElementVNode("span", null, [
-            createVNode(_component_el_icon, null, {
-              default: withCtx(() => [
-                createVNode(_component_arrow_right)
-              ]),
-              _: 1
-            })
-          ]),
-          createElementVNode("span", _hoisted_9$2, [
-            createElementVNode("span", _hoisted_10$2, [
-              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"])
-            ]),
-            withDirectives((openBlock(), createElementBlock("span", _hoisted_11$1, [
-              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"]),
-              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]
-            ])
-          ])
-        ])) : createCommentVNode("v-if", true),
-        createElementVNode("div", _hoisted_12$1, [
-          createElementVNode("div", _hoisted_13$1, [
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn d-arrow-left",
-              onClick: _cache[10] || (_cache[10] = (...args) => _ctx.leftPrevYear && _ctx.leftPrevYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_left)
-                ]),
-                _: 1
-              })
-            ]),
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn arrow-left",
-              onClick: _cache[11] || (_cache[11] = (...args) => _ctx.leftPrevMonth && _ctx.leftPrevMonth(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_arrow_left)
-                ]),
-                _: 1
-              })
-            ]),
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              type: "button",
-              disabled: !_ctx.enableYearArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-right"]),
-              onClick: _cache[12] || (_cache[12] = (...args) => _ctx.leftNextYear && _ctx.leftNextYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_right)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_14$1)) : createCommentVNode("v-if", true),
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 1,
-              type: "button",
-              disabled: !_ctx.enableMonthArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableMonthArrow }, "el-picker-panel__icon-btn arrow-right"]),
-              onClick: _cache[13] || (_cache[13] = (...args) => _ctx.leftNextMonth && _ctx.leftNextMonth(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_arrow_right)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_15$1)) : createCommentVNode("v-if", true),
-            createElementVNode("div", null, toDisplayString(_ctx.leftLabel), 1)
-          ]),
-          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"])
-        ]),
-        createElementVNode("div", _hoisted_16$1, [
-          createElementVNode("div", _hoisted_17$1, [
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          unref(ppNs).b(),
+          unref(drpNs).b(),
+          {
+            "has-sidebar": _ctx.$slots.sidebar || unref(hasShortcuts),
+            "has-time": unref(showTime)
+          }
+        ])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ppNs).e("body-wrapper"))
+        }, [
+          renderSlot(_ctx.$slots, "sidebar", {
+            class: normalizeClass(unref(ppNs).e("sidebar"))
+          }),
+          unref(hasShortcuts) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ppNs).e("sidebar"))
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(shortcuts), (shortcut, key) => {
+              return openBlock(), createElementBlock("button", {
+                key,
+                type: "button",
+                class: normalizeClass(unref(ppNs).e("shortcut")),
+                onClick: ($event) => unref(handleShortcutClick)(shortcut)
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$C);
+            }), 128))
+          ], 2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ppNs).e("body"))
+          }, [
+            unref(showTime) ? (openBlock(), createElementBlock("div", {
               key: 0,
-              type: "button",
-              disabled: !_ctx.enableYearArrow,
-              class: 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: normalizeClass(unref(drpNs).e("time-header"))
             }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_left)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_18$1)) : createCommentVNode("v-if", true),
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 1,
-              type: "button",
-              disabled: !_ctx.enableMonthArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableMonthArrow }, "el-picker-panel__icon-btn arrow-left"]),
-              onClick: _cache[15] || (_cache[15] = (...args) => _ctx.rightPrevMonth && _ctx.rightPrevMonth(...args))
+              createElementVNode("span", {
+                class: normalizeClass(unref(drpNs).e("editors-wrap"))
+              }, [
+                createElementVNode("span", {
+                  class: normalizeClass(unref(drpNs).e("time-picker-wrap"))
+                }, [
+                  createVNode(unref(ElInput), {
+                    size: "small",
+                    disabled: unref(rangeState).selecting,
+                    placeholder: unref(t)("el.datepicker.startDate"),
+                    class: normalizeClass(unref(drpNs).e("editor")),
+                    "model-value": 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),
+                withDirectives((openBlock(), createElementBlock("span", {
+                  class: normalizeClass(unref(drpNs).e("time-picker-wrap"))
+                }, [
+                  createVNode(unref(ElInput), {
+                    size: "small",
+                    class: normalizeClass(unref(drpNs).e("editor")),
+                    disabled: unref(rangeState).selecting,
+                    placeholder: unref(t)("el.datepicker.startTime"),
+                    "model-value": 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"]),
+                  createVNode(unref(TimePickPanel), {
+                    visible: minTimePickerVisible.value,
+                    format: unref(timeFormat),
+                    "datetime-role": "start",
+                    "time-arrow-control": unref(arrowControl),
+                    "parsed-value": leftDate.value,
+                    onPick: handleMinTimePick
+                  }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+                ], 2)), [
+                  [unref(ClickOutside), handleMinTimeClose]
+                ])
+              ], 2),
+              createElementVNode("span", null, [
+                createVNode(unref(ElIcon), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(arrowRight))
+                  ]),
+                  _: 1
+                })
+              ]),
+              createElementVNode("span", {
+                class: normalizeClass([unref(drpNs).e("editors-wrap"), "is-right"])
+              }, [
+                createElementVNode("span", {
+                  class: normalizeClass(unref(drpNs).e("time-picker-wrap"))
+                }, [
+                  createVNode(unref(ElInput), {
+                    size: "small",
+                    class: normalizeClass(unref(drpNs).e("editor")),
+                    disabled: unref(rangeState).selecting,
+                    placeholder: unref(t)("el.datepicker.endDate"),
+                    "model-value": unref(maxVisibleDate),
+                    readonly: !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),
+                withDirectives((openBlock(), createElementBlock("span", {
+                  class: normalizeClass(unref(drpNs).e("time-picker-wrap"))
+                }, [
+                  createVNode(unref(ElInput), {
+                    size: "small",
+                    class: normalizeClass(unref(drpNs).e("editor")),
+                    disabled: unref(rangeState).selecting,
+                    placeholder: unref(t)("el.datepicker.endTime"),
+                    "model-value": unref(maxVisibleTime),
+                    readonly: !unref(minDate),
+                    onFocus: _cache[7] || (_cache[7] = ($event) => 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"]),
+                  createVNode(unref(TimePickPanel), {
+                    "datetime-role": "end",
+                    visible: maxTimePickerVisible.value,
+                    format: unref(timeFormat),
+                    "time-arrow-control": unref(arrowControl),
+                    "parsed-value": rightDate.value,
+                    onPick: handleMaxTimePick
+                  }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+                ], 2)), [
+                  [unref(ClickOutside), handleMaxTimeClose]
+                ])
+              ], 2)
+            ], 2)) : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-left"])
             }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_arrow_left)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_19$1)) : createCommentVNode("v-if", true),
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn d-arrow-right",
-              onClick: _cache[16] || (_cache[16] = (...args) => _ctx.rightNextYear && _ctx.rightNextYear(...args))
+              createElementVNode("div", {
+                class: normalizeClass(unref(drpNs).e("header"))
+              }, [
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-left"]),
+                  onClick: leftPrevYear
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(dArrowLeft))
+                    ]),
+                    _: 1
+                  })
+                ], 2),
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-left"]),
+                  onClick: leftPrevMonth
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(arrowLeft))
+                    ]),
+                    _: 1
+                  })
+                ], 2),
+                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  disabled: !unref(enableYearArrow),
+                  class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !unref(enableYearArrow) }], "d-arrow-right"]),
+                  onClick: leftNextYear
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(dArrowRight))
+                    ]),
+                    _: 1
+                  })
+                ], 10, _hoisted_2$p)) : createCommentVNode("v-if", true),
+                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                  key: 1,
+                  type: "button",
+                  disabled: !unref(enableMonthArrow),
+                  class: normalizeClass([[
+                    unref(ppNs).e("icon-btn"),
+                    { "is-disabled": !unref(enableMonthArrow) }
+                  ], "arrow-right"]),
+                  onClick: leftNextMonth
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(arrowRight))
+                    ]),
+                    _: 1
+                  })
+                ], 10, _hoisted_3$c)) : createCommentVNode("v-if", true),
+                createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
+              ], 2),
+              createVNode(DateTable, {
+                "selection-mode": "range",
+                date: leftDate.value,
+                "min-date": unref(minDate),
+                "max-date": unref(maxDate),
+                "range-state": unref(rangeState),
+                "disabled-date": unref(disabledDate),
+                "cell-class-name": unref(cellClassName),
+                onChangerange: unref(handleChangeRange),
+                onPick: handleRangePick,
+                onSelect: unref(onSelect)
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onSelect"])
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-right"])
             }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_right)
-                ]),
-                _: 1
-              })
+              createElementVNode("div", {
+                class: normalizeClass(unref(drpNs).e("header"))
+              }, [
+                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  disabled: !unref(enableYearArrow),
+                  class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !unref(enableYearArrow) }], "d-arrow-left"]),
+                  onClick: rightPrevYear
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(dArrowLeft))
+                    ]),
+                    _: 1
+                  })
+                ], 10, _hoisted_4$8)) : createCommentVNode("v-if", true),
+                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                  key: 1,
+                  type: "button",
+                  disabled: !unref(enableMonthArrow),
+                  class: normalizeClass([[
+                    unref(ppNs).e("icon-btn"),
+                    { "is-disabled": !unref(enableMonthArrow) }
+                  ], "arrow-left"]),
+                  onClick: rightPrevMonth
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(arrowLeft))
+                    ]),
+                    _: 1
+                  })
+                ], 10, _hoisted_5$5)) : createCommentVNode("v-if", true),
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
+                  onClick: rightNextYear
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(dArrowRight))
+                    ]),
+                    _: 1
+                  })
+                ], 2),
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-right"]),
+                  onClick: rightNextMonth
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(arrowRight))
+                    ]),
+                    _: 1
+                  })
+                ], 2),
+                createElementVNode("div", null, toDisplayString(unref(rightLabel)), 1)
+              ], 2),
+              createVNode(DateTable, {
+                "selection-mode": "range",
+                date: rightDate.value,
+                "min-date": unref(minDate),
+                "max-date": unref(maxDate),
+                "range-state": unref(rangeState),
+                "disabled-date": unref(disabledDate),
+                "cell-class-name": unref(cellClassName),
+                onChangerange: unref(handleChangeRange),
+                onPick: handleRangePick,
+                onSelect: unref(onSelect)
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onSelect"])
+            ], 2)
+          ], 2)
+        ], 2),
+        unref(showTime) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ppNs).e("footer"))
+        }, [
+          unref(clearable) ? (openBlock(), createBlock(unref(ElButton), {
+            key: 0,
+            text: "",
+            size: "small",
+            class: normalizeClass(unref(ppNs).e("link-btn")),
+            onClick: handleClear
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("el.datepicker.clear")), 1)
             ]),
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn arrow-right",
-              onClick: _cache[17] || (_cache[17] = (...args) => _ctx.rightNextMonth && _ctx.rightNextMonth(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_arrow_right)
-                ]),
-                _: 1
-              })
+            _: 1
+          }, 8, ["class"])) : createCommentVNode("v-if", true),
+          createVNode(unref(ElButton), {
+            plain: "",
+            size: "small",
+            class: normalizeClass(unref(ppNs).e("link-btn")),
+            disabled: unref(btnDisabled),
+            onClick: _cache[10] || (_cache[10] = ($event) => unref(handleRangeConfirm)(false))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("el.datepicker.confirm")), 1)
             ]),
-            createElementVNode("div", null, toDisplayString(_ctx.rightLabel), 1)
-          ]),
-          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 ? (openBlock(), createElementBlock("div", _hoisted_20$1, [
-      _ctx.clearable ? (openBlock(), createBlock(_component_el_button, {
-        key: 0,
-        text: "",
-        size: "small",
-        class: "el-picker-panel__link-btn",
-        onClick: _ctx.handleClear
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.t("el.datepicker.clear")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"])) : createCommentVNode("v-if", true),
-      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: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.t("el.datepicker.confirm")), 1)
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ])) : createCommentVNode("v-if", true)
-  ], 2);
-}
-var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$H], ["__file", "panel-date-range.vue"]]);
+            _: 1
+          }, 8, ["class", "disabled"])
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "panel-date-range.vue"]]);
 
 const panelMonthRangeProps = buildProps({
   ...panelRangeSharedProps
 });
+const panelMonthRangeEmits = ["pick", "set-picker-option"];
 
-const _sfc_main$1i = defineComponent({
-  components: { MonthTable, ElIcon, DArrowLeft: dArrowLeft, DArrowRight: dArrowRight },
+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__ */ defineComponent({
+  ...__default__$A,
   props: panelMonthRangeProps,
-  emits: ["pick", "set-picker-option"],
-  setup(props, ctx) {
+  emits: panelMonthRangeEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = useAttrs$1();
+    const slots = useSlots();
+    const { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY);
+    const drpNs = useNamespace("date-range-picker");
     const { t, lang } = useLocale();
     const leftDate = ref(dayjs().locale(lang.value));
     const rightDate = ref(dayjs().locale(lang.value).add(1, "year"));
     const hasShortcuts = 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);
+        shortcut.onClick({
+          attrs,
+          slots,
+          emit
+        });
       }
     };
     const leftPrevYear = () => {
@@ -25948,8 +25990,8 @@ const _sfc_main$1i = defineComponent({
     const enableYearArrow = computed(() => {
       return props.unlinkPanels && rightYear.value > leftYear.value + 1;
     });
-    const minDate = ref(null);
-    const maxDate = ref(null);
+    const minDate = ref();
+    const maxDate = ref();
     const rangeState = ref({
       endDate: null,
       selecting: false
@@ -25970,11 +26012,11 @@ const _sfc_main$1i = defineComponent({
       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) => {
@@ -25983,12 +26025,12 @@ const _sfc_main$1i = defineComponent({
         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) {
@@ -26003,7 +26045,7 @@ const _sfc_main$1i = defineComponent({
       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 = inject("EP_PICKER_BASE");
     const { shortcuts, disabledDate, format } = pickerBase.props;
     const defaultValue = toRef(pickerBase.props, "defaultValue");
@@ -26028,163 +26070,167 @@ const _sfc_main$1i = defineComponent({
         }
       } 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 openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          unref(ppNs).b(),
+          unref(drpNs).b(),
+          {
+            "has-sidebar": Boolean(_ctx.$slots.sidebar) || unref(hasShortcuts)
+          }
+        ])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ppNs).e("body-wrapper"))
+        }, [
+          renderSlot(_ctx.$slots, "sidebar", {
+            class: normalizeClass(unref(ppNs).e("sidebar"))
+          }),
+          unref(hasShortcuts) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ppNs).e("sidebar"))
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(shortcuts), (shortcut, key) => {
+              return openBlock(), createElementBlock("button", {
+                key,
+                type: "button",
+                class: normalizeClass(unref(ppNs).e("shortcut")),
+                onClick: ($event) => handleShortcutClick(shortcut)
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$B);
+            }), 128))
+          ], 2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ppNs).e("body"))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-left"])
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(drpNs).e("header"))
+              }, [
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-left"]),
+                  onClick: leftPrevYear
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(dArrowLeft))
+                    ]),
+                    _: 1
+                  })
+                ], 2),
+                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  disabled: !unref(enableYearArrow),
+                  class: normalizeClass([[
+                    unref(ppNs).e("icon-btn"),
+                    { [unref(ppNs).is("disabled")]: !unref(enableYearArrow) }
+                  ], "d-arrow-right"]),
+                  onClick: leftNextYear
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(dArrowRight))
+                    ]),
+                    _: 1
+                  })
+                ], 10, _hoisted_2$o)) : createCommentVNode("v-if", true),
+                createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
+              ], 2),
+              createVNode(MonthTable, {
+                "selection-mode": "range",
+                date: leftDate.value,
+                "min-date": minDate.value,
+                "max-date": maxDate.value,
+                "range-state": rangeState.value,
+                "disabled-date": unref(disabledDate),
+                onChangerange: handleChangeRange,
+                onPick: handleRangePick,
+                onSelect
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-right"])
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(drpNs).e("header"))
+              }, [
+                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  disabled: !unref(enableYearArrow),
+                  class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !unref(enableYearArrow) }], "d-arrow-left"]),
+                  onClick: rightPrevYear
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(dArrowLeft))
+                    ]),
+                    _: 1
+                  })
+                ], 10, _hoisted_3$b)) : createCommentVNode("v-if", true),
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
+                  onClick: rightNextYear
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(dArrowRight))
+                    ]),
+                    _: 1
+                  })
+                ], 2),
+                createElementVNode("div", null, toDisplayString(unref(rightLabel)), 1)
+              ], 2),
+              createVNode(MonthTable, {
+                "selection-mode": "range",
+                date: rightDate.value,
+                "min-date": minDate.value,
+                "max-date": maxDate.value,
+                "range-state": rangeState.value,
+                "disabled-date": 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$G(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_d_arrow_left = resolveComponent("d-arrow-left");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_d_arrow_right = resolveComponent("d-arrow-right");
-  const _component_month_table = resolveComponent("month-table");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-picker-panel el-date-range-picker", [
-      {
-        "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts
-      }
-    ]])
-  }, [
-    createElementVNode("div", _hoisted_1$B, [
-      renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
-          return openBlock(), createElementBlock("button", {
-            key,
-            type: "button",
-            class: "el-picker-panel__shortcut",
-            onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-          }, toDisplayString(shortcut.text), 9, _hoisted_3$b);
-        }), 128))
-      ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_4$8, [
-        createElementVNode("div", _hoisted_5$5, [
-          createElementVNode("div", _hoisted_6$1, [
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn d-arrow-left",
-              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.leftPrevYear && _ctx.leftPrevYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_left)
-                ]),
-                _: 1
-              })
-            ]),
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              type: "button",
-              disabled: !_ctx.enableYearArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-right"]),
-              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.leftNextYear && _ctx.leftNextYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_right)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_7$1)) : createCommentVNode("v-if", true),
-            createElementVNode("div", null, toDisplayString(_ctx.leftLabel), 1)
-          ]),
-          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"])
-        ]),
-        createElementVNode("div", _hoisted_8$1, [
-          createElementVNode("div", _hoisted_9$1, [
-            _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              type: "button",
-              disabled: !_ctx.enableYearArrow,
-              class: normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-left"]),
-              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.rightPrevYear && _ctx.rightPrevYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_left)
-                ]),
-                _: 1
-              })
-            ], 10, _hoisted_10$1)) : createCommentVNode("v-if", true),
-            createElementVNode("button", {
-              type: "button",
-              class: "el-picker-panel__icon-btn d-arrow-right",
-              onClick: _cache[3] || (_cache[3] = (...args) => _ctx.rightNextYear && _ctx.rightNextYear(...args))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_d_arrow_right)
-                ]),
-                _: 1
-              })
-            ]),
-            createElementVNode("div", null, toDisplayString(_ctx.rightLabel), 1)
-          ]),
-          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$G], ["__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);
@@ -26194,31 +26240,26 @@ dayjs.extend(weekYear);
 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 = defineComponent({
   name: "ElDatePicker",
   install: null,
   props: {
     ...timePickerDefaultProps,
-    type: {
-      type: String,
-      default: "date"
-    }
+    ...datePickerProps
   },
   emits: ["update:modelValue"],
-  setup(props, ctx) {
-    provide("ElPopperOptions", props.popperOptions);
+  setup(props, {
+    expose,
+    emit,
+    slots
+  }) {
+    const ns = useNamespace("picker-panel");
+    provide("ElPopperOptions", reactive(toRef(props, "popperOptions")));
     provide(ROOT_PICKER_INJECTION_KEY, {
-      ctx
+      slots,
+      pickerNs: ns
     });
-    const commonPicker = ref(null);
+    const commonPicker = ref();
     const refProps = {
       ...props,
       focus: (focusStartInput = true) => {
@@ -26226,19 +26267,22 @@ var DatePicker = defineComponent({
         (_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 h$1(CommonPicker, {
-        ...props,
-        format,
-        type: props.type,
-        ref: commonPicker,
-        "onUpdate:modelValue": (value) => ctx.emit("update:modelValue", value)
-      }, {
-        default: (scopedProps) => h$1(getPanel(props.type), scopedProps),
-        "range-separator": () => renderSlot(ctx.slots, "range-separator")
+      const Component = getPanel(props.type);
+      return createVNode(CommonPicker, mergeProps(props, {
+        "format": format,
+        "type": props.type,
+        "ref": commonPicker,
+        "onUpdate:modelValue": onModelValueUpdated
+      }), {
+        default: (scopedProps) => createVNode(Component, scopedProps, null),
+        "range-separator": slots["range-separator"]
       });
     };
   }
@@ -54644,4 +54688,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid, DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid, FixedSizeList, ID_INJECTION_KEY, INPUT_EVENT, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, createModelToggleComposable, datePickTypes, dayjs, installer as default, defaultNamespace, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, tooltipV2ContentKey, tooltipV2RootKey, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCheckbox, useCheckboxGroup, useCheckboxGroupId, useCheckboxGroupProps, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useFormItemInputId, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid, DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid, FixedSizeList, ID_INJECTION_KEY, INPUT_EVENT, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, ROOT_PICKER_INJECTION_KEY, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, createModelToggleComposable, datePickTypes, dayjs, installer as default, defaultNamespace, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, tooltipV2ContentKey, tooltipV2RootKey, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCheckbox, useCheckboxGroup, useCheckboxGroupId, useCheckboxGroupProps, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useFormItemInputId, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };