@element-plus/nightly 0.0.20240807 → 0.0.20240808

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240807 */
+/*! Element Plus v0.0.20240808 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -6767,7 +6767,7 @@
     sortBy
   };
 
-  var date$1 = {
+  var date = {
     now
   };
 
@@ -7373,7 +7373,7 @@
   lodash.multiply = math.multiply;
   lodash.nth = array.nth;
   lodash.noop = util.noop;
-  lodash.now = date$1.now;
+  lodash.now = date.now;
   lodash.pad = string$1.pad;
   lodash.padEnd = string$1.padEnd;
   lodash.padStart = string$1.padStart;
@@ -8669,7 +8669,8 @@
     "datetime",
     "datetimerange",
     "daterange",
-    "monthrange"
+    "monthrange",
+    "yearrange"
   ];
   const WEEK_DAYS = [
     "sun",
@@ -11558,7 +11559,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240807";
+  const version$1 = "0.0.20240808";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11608,11 +11609,11 @@
   };
 
   const COMPONENT_NAME$n = "ElAffix";
-  const __default__$1N = vue.defineComponent({
+  const __default__$1O = vue.defineComponent({
     name: COMPONENT_NAME$n
   });
-  const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1N,
+  const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1O,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11715,7 +11716,7 @@
       };
     }
   });
-  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "affix.vue"]]);
+  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "affix.vue"]]);
 
   const ElAffix = withInstall(Affix);
 
@@ -11728,12 +11729,12 @@
     }
   });
 
-  const __default__$1M = vue.defineComponent({
+  const __default__$1N = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1M,
+  const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1N,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11757,7 +11758,7 @@
       };
     }
   });
-  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "icon.vue"]]);
+  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "icon.vue"]]);
 
   const ElIcon = withInstall(Icon);
 
@@ -11796,11 +11797,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1L = vue.defineComponent({
+  const __default__$1M = vue.defineComponent({
     name: "ElAlert"
   });
-  const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1L,
+  const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1M,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11885,7 +11886,7 @@
       };
     }
   });
-  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "alert.vue"]]);
+  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "alert.vue"]]);
 
   const ElAlert = withInstall(Alert);
 
@@ -12050,11 +12051,11 @@
   };
 
   const COMPONENT_NAME$m = "ElForm";
-  const __default__$1K = vue.defineComponent({
+  const __default__$1L = vue.defineComponent({
     name: COMPONENT_NAME$m
   });
-  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1K,
+  const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1L,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -12187,7 +12188,7 @@
       };
     }
   });
-  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "form.vue"]]);
+  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "form.vue"]]);
 
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -13371,12 +13372,12 @@
     }
   });
 
-  const _hoisted_1$1a = ["role", "aria-labelledby"];
-  const __default__$1J = vue.defineComponent({
+  const _hoisted_1$1b = ["role", "aria-labelledby"];
+  const __default__$1K = vue.defineComponent({
     name: "ElFormItem"
   });
-  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1J,
+  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1K,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13672,11 +13673,11 @@
               _: 3
             }, 8, ["name"])
           ], 6)
-        ], 10, _hoisted_1$1a);
+        ], 10, _hoisted_1$1b);
       };
     }
   });
-  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "form-item.vue"]]);
+  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "form-item.vue"]]);
 
   const ElForm = withInstall(Form, {
     FormItem
@@ -13854,15 +13855,15 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const _hoisted_1$19 = ["role"];
-  const _hoisted_2$J = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
-  const _hoisted_3$l = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows"];
-  const __default__$1I = vue.defineComponent({
+  const _hoisted_1$1a = ["role"];
+  const _hoisted_2$K = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
+  const _hoisted_3$m = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows"];
+  const __default__$1J = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
-  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1I,
+  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1J,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -14164,7 +14165,7 @@
                 onInput: handleInput,
                 onChange: handleChange,
                 onKeydown: handleKeydown
-              }), null, 16, _hoisted_2$J),
+              }), null, 16, _hoisted_2$K),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -14263,18 +14264,18 @@
               onInput: handleInput,
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_3$l),
+            }), null, 16, _hoisted_3$m),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(_ctx.maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, _hoisted_1$19);
+        ], 16, _hoisted_1$1a);
       };
     }
   });
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "input.vue"]]);
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "input.vue"]]);
 
   const ElInput = withInstall(Input);
 
@@ -14324,7 +14325,7 @@
   });
 
   const COMPONENT_NAME$k = "Thumb";
-  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14443,7 +14444,7 @@
       };
     }
   });
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "thumb.vue"]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "thumb.vue"]]);
 
   const barProps = buildProps({
     always: {
@@ -14456,7 +14457,7 @@
     }
   });
 
-  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14514,7 +14515,7 @@
       };
     }
   });
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "bar.vue"]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "bar.vue"]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -14567,11 +14568,11 @@
   };
 
   const COMPONENT_NAME$j = "ElScrollbar";
-  const __default__$1H = vue.defineComponent({
+  const __default__$1I = vue.defineComponent({
     name: COMPONENT_NAME$j
   });
-  const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1H,
+  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1I,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -14720,7 +14721,7 @@
       };
     }
   });
-  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "scrollbar.vue"]]);
+  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "scrollbar.vue"]]);
 
   const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -14750,12 +14751,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1G = vue.defineComponent({
+  const __default__$1H = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1G,
+  const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1H,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14778,7 +14779,7 @@
       };
     }
   });
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "popper.vue"]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "popper.vue"]]);
 
   const popperArrowProps = buildProps({
     arrowOffset: {
@@ -14788,12 +14789,12 @@
   });
   const usePopperArrowProps = popperArrowProps;
 
-  const __default__$1F = vue.defineComponent({
+  const __default__$1G = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1F,
+  const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1G,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14819,7 +14820,7 @@
       };
     }
   });
-  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "arrow.vue"]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "arrow.vue"]]);
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
@@ -14907,12 +14908,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1E = vue.defineComponent({
+  const __default__$1F = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1E,
+  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1F,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15010,7 +15011,7 @@
       };
     }
   });
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "trigger.vue"]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "trigger.vue"]]);
 
   const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
   const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15160,7 +15161,7 @@
     });
   };
 
-  const _sfc_main$2h = vue.defineComponent({
+  const _sfc_main$2i = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15399,7 +15400,7 @@
   function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const popperCoreConfigProps = buildProps({
@@ -15690,11 +15691,11 @@
     };
   };
 
-  const __default__$1D = vue.defineComponent({
+  const __default__$1E = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1D,
+  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1E,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -15810,7 +15811,7 @@
       };
     }
   });
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "content.vue"]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "content.vue"]]);
 
   const ElPopper = withInstall(Popper);
 
@@ -15892,11 +15893,11 @@
     };
   };
 
-  const __default__$1C = vue.defineComponent({
+  const __default__$1D = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1C,
+  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1D,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15955,7 +15956,7 @@
       };
     }
   });
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "trigger.vue"]]);
 
   const teleportProps = buildProps({
     to: {
@@ -15965,7 +15966,7 @@
     disabled: Boolean
   });
 
-  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
     __name: "teleport",
     props: teleportProps,
     setup(__props) {
@@ -15979,17 +15980,17 @@
       };
     }
   });
-  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "teleport.vue"]]);
+  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "teleport.vue"]]);
 
   const ElTeleport = withInstall(Teleport);
   var ElTeleport$1 = ElTeleport;
 
-  const __default__$1B = vue.defineComponent({
+  const __default__$1C = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1B,
+  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1C,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16150,15 +16151,15 @@
       };
     }
   });
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "content.vue"]]);
 
-  const _hoisted_1$18 = ["innerHTML"];
-  const _hoisted_2$I = { key: 1 };
-  const __default__$1A = vue.defineComponent({
+  const _hoisted_1$19 = ["innerHTML"];
+  const _hoisted_2$J = { key: 1 };
+  const __default__$1B = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1A,
+  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1B,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16295,7 +16296,7 @@
                   _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.content
-                  }, null, 8, _hoisted_1$18)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$I, vue.toDisplayString(_ctx.content), 1))
+                  }, null, 8, _hoisted_1$19)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$J, vue.toDisplayString(_ctx.content), 1))
                 ]),
                 _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
@@ -16310,7 +16311,7 @@
       };
     }
   });
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -16389,16 +16390,16 @@
     select: (item) => isObject$1(item)
   };
 
-  const _hoisted_1$17 = ["aria-expanded", "aria-owns"];
-  const _hoisted_2$H = { key: 0 };
-  const _hoisted_3$k = ["id", "aria-selected", "onClick"];
+  const _hoisted_1$18 = ["aria-expanded", "aria-owns"];
+  const _hoisted_2$I = { key: 0 };
+  const _hoisted_3$l = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$i = "ElAutocomplete";
-  const __default__$1z = vue.defineComponent({
+  const __default__$1A = vue.defineComponent({
     name: COMPONENT_NAME$i,
     inheritAttrs: false
   });
-  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1z,
+  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1A,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -16636,7 +16637,7 @@
                 role: "listbox"
               }, {
                 default: vue.withCtx(() => [
-                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$H, [
+                  vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$I, [
                     vue.renderSlot(_ctx.$slots, "loading", {}, () => [
                       vue.createVNode(vue.unref(ElIcon), {
                         class: vue.normalizeClass(vue.unref(ns).is("loading"))
@@ -16659,7 +16660,7 @@
                       vue.renderSlot(_ctx.$slots, "default", { item }, () => [
                         vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
                       ])
-                    ], 10, _hoisted_3$k);
+                    ], 10, _hoisted_3$l);
                   }), 128))
                 ]),
                 _: 3
@@ -16725,14 +16726,14 @@
                   ])
                 } : void 0
               ]), 1040, ["clearable", "disabled", "name", "model-value", "aria-label", "onKeydown"])
-            ], 14, _hoisted_1$17)
+            ], 14, _hoisted_1$18)
           ]),
           _: 3
         }, 8, ["visible", "placement", "popper-class", "teleported", "transition"]);
       };
     }
   });
-  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "autocomplete.vue"]]);
+  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "autocomplete.vue"]]);
 
   const ElAutocomplete = withInstall(Autocomplete);
 
@@ -16766,12 +16767,12 @@
     error: (evt) => evt instanceof Event
   };
 
-  const _hoisted_1$16 = ["src", "alt", "srcset"];
-  const __default__$1y = vue.defineComponent({
+  const _hoisted_1$17 = ["src", "alt", "srcset"];
+  const __default__$1z = vue.defineComponent({
     name: "ElAvatar"
   });
-  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1z,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -16815,7 +16816,7 @@
             srcset: _ctx.srcSet,
             style: vue.normalizeStyle(vue.unref(fitStyle)),
             onError: handleError
-          }, null, 44, _hoisted_1$16)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
+          }, null, 44, _hoisted_1$17)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
             ]),
@@ -16825,7 +16826,7 @@
       };
     }
   });
-  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "avatar.vue"]]);
+  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "avatar.vue"]]);
 
   const ElAvatar = withInstall(Avatar);
 
@@ -16886,11 +16887,11 @@
   };
 
   const COMPONENT_NAME$h = "ElBacktop";
-  const __default__$1x = vue.defineComponent({
+  const __default__$1y = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
-  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1y,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -16929,7 +16930,7 @@
       };
     }
   });
-  var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "backtop.vue"]]);
+  var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "backtop.vue"]]);
 
   const ElBacktop = withInstall(Backtop);
 
@@ -16966,12 +16967,12 @@
     }
   });
 
-  const _hoisted_1$15 = ["textContent"];
-  const __default__$1w = vue.defineComponent({
+  const _hoisted_1$16 = ["textContent"];
+  const __default__$1x = vue.defineComponent({
     name: "ElBadge"
   });
-  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1x,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -17021,7 +17022,7 @@
                 ]),
                 style: vue.normalizeStyle(vue.unref(style)),
                 textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 14, _hoisted_1$15), [
+              }, null, 14, _hoisted_1$16), [
                 [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
               ])
             ]),
@@ -17031,7 +17032,7 @@
       };
     }
   });
-  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "badge.vue"]]);
+  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "badge.vue"]]);
 
   const ElBadge = withInstall(Badge);
 
@@ -17047,12 +17048,12 @@
     }
   });
 
-  const _hoisted_1$14 = ["aria-label"];
-  const __default__$1v = vue.defineComponent({
+  const _hoisted_1$15 = ["aria-label"];
+  const __default__$1w = vue.defineComponent({
     name: "ElBreadcrumb"
   });
-  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1w,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -17075,11 +17076,11 @@
           role: "navigation"
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_1$14);
+        ], 10, _hoisted_1$15);
       };
     }
   });
-  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "breadcrumb.vue"]]);
+  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "breadcrumb.vue"]]);
 
   const breadcrumbItemProps = buildProps({
     to: {
@@ -17089,11 +17090,11 @@
     replace: Boolean
   });
 
-  const __default__$1u = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
-  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1v,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -17138,7 +17139,7 @@
       };
     }
   });
-  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "breadcrumb-item.vue"]]);
+  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "breadcrumb-item.vue"]]);
 
   const ElBreadcrumb = withInstall(Breadcrumb, {
     BreadcrumbItem
@@ -18192,11 +18193,11 @@
     });
   }
 
-  const __default__$1t = vue.defineComponent({
+  const __default__$1u = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1u,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -18262,18 +18263,18 @@
       };
     }
   });
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "button.vue"]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "button.vue"]]);
 
   const buttonGroupProps = {
     size: buttonProps.size,
     type: buttonProps.type
   };
 
-  const __default__$1s = vue.defineComponent({
+  const __default__$1t = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+  const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1t,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -18291,7 +18292,7 @@
       };
     }
   });
-  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "button-group.vue"]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "button-group.vue"]]);
 
   const ElButton = withInstall(Button, {
     ButtonGroup
@@ -18657,6 +18658,7 @@
     months: "YYYY-MM",
     datetime: `${DEFAULT_FORMATS_DATE} ${DEFAULT_FORMATS_TIME}`,
     monthrange: "YYYY-MM",
+    yearrange: "YYYY",
     daterange: DEFAULT_FORMATS_DATE,
     datetimerange: `${DEFAULT_FORMATS_DATE} ${DEFAULT_FORMATS_TIME}`
   };
@@ -18833,13 +18835,13 @@
     ...useAriaProps(["ariaLabel"])
   });
 
-  const _hoisted_1$13 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const _hoisted_2$G = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$1r = vue.defineComponent({
+  const _hoisted_1$14 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const _hoisted_2$H = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+  const __default__$1s = vue.defineComponent({
     name: "Picker"
   });
-  const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1r,
+  const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1s,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -19415,7 +19417,7 @@
                 onChange: handleStartChange,
                 onFocus: handleFocusInput,
                 onBlur: handleBlurInput
-              }, null, 42, _hoisted_1$13),
+              }, null, 42, _hoisted_1$14),
               vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
@@ -19435,7 +19437,7 @@
                 onBlur: handleBlurInput,
                 onInput: handleEndInput,
                 onChange: handleEndChange
-              }, null, 42, _hoisted_2$G),
+              }, null, 42, _hoisted_2$H),
               _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 1,
                 class: vue.normalizeClass(vue.unref(clearIconKls)),
@@ -19474,7 +19476,7 @@
       };
     }
   });
-  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "picker.vue"]]);
+  var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "picker.vue"]]);
 
   const panelTimePickerProps = buildProps({
     ...timePanelSharedProps,
@@ -19782,9 +19784,9 @@
     ...disabledTimeListsProps
   });
 
-  const _hoisted_1$12 = ["onClick"];
-  const _hoisted_2$F = ["onMouseenter"];
-  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$13 = ["onClick"];
+  const _hoisted_2$G = ["onMouseenter"];
+  const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-time-spinner",
     props: basicTimeSpinnerProps,
     emits: ["change", "select-range", "set-option"],
@@ -20010,7 +20012,7 @@
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(("0" + key).slice(-2)), 1)
                     ], 64))
-                  ], 10, _hoisted_1$12);
+                  ], 10, _hoisted_1$13);
                 }), 128))
               ]),
               _: 2
@@ -20064,15 +20066,15 @@
                   ], 2);
                 }), 128))
               ], 2)
-            ], 42, _hoisted_2$F);
+            ], 42, _hoisted_2$G);
           }), 128)) : vue.createCommentVNode("v-if", true)
         ], 2);
       };
     }
   });
-  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "basic-time-spinner.vue"]]);
+  var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["__file", "basic-time-spinner.vue"]]);
 
-  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-pick",
     props: panelTimePickerProps,
     emits: ["pick", "select-range", "set-picker-option"],
@@ -20224,7 +20226,7 @@
       };
     }
   });
-  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "panel-time-pick.vue"]]);
+  var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "panel-time-pick.vue"]]);
 
   const panelTimeRangeProps = buildProps({
     ...timePanelSharedProps,
@@ -20233,8 +20235,8 @@
     }
   });
 
-  const _hoisted_1$11 = ["disabled"];
-  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$12 = ["disabled"];
+  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-time-range",
     props: panelTimeRangeProps,
     emits: ["pick", "select-range", "set-picker-option"],
@@ -20496,13 +20498,13 @@
               class: vue.normalizeClass([vue.unref(nsTime).be("panel", "btn"), "confirm"]),
               disabled: vue.unref(btnConfirmDisabled),
               onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$11)
+            }, vue.toDisplayString(vue.unref(t)("el.datepicker.confirm")), 11, _hoisted_1$12)
           ], 2)
         ], 2)) : vue.createCommentVNode("v-if", true);
       };
     }
   });
-  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "panel-time-range.vue"]]);
+  var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "panel-time-range.vue"]]);
 
   dayjs.extend(customParseFormat);
   var TimePicker = vue.defineComponent({
@@ -20750,13 +20752,13 @@
     };
   };
 
-  const _hoisted_1$10 = { key: 0 };
-  const _hoisted_2$E = ["onClick"];
-  const __default__$1q = vue.defineComponent({
+  const _hoisted_1$11 = { key: 0 };
+  const _hoisted_2$F = ["onClick"];
+  const __default__$1r = vue.defineComponent({
     name: "DateTable"
   });
-  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1r,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -20794,7 +20796,7 @@
           cellspacing: "0",
           cellpadding: "0"
         }, [
-          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$10, [
+          !_ctx.hideHeader ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1$11, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(weekDays), (day) => {
               return vue.openBlock(), vue.createElementBlock("th", { key: day }, vue.toDisplayString(day), 1);
             }), 128))
@@ -20823,7 +20825,7 @@
                         vue.createElementVNode("span", null, vue.toDisplayString(cell.text), 1)
                       ])
                     ], 2)
-                  ], 10, _hoisted_2$E);
+                  ], 10, _hoisted_2$F);
                 }), 128))
               ], 2);
             }), 128))
@@ -20832,7 +20834,7 @@
       };
     }
   });
-  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "date-table.vue"]]);
+  var DateTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "date-table.vue"]]);
 
   const adjacentMonth = (start, end) => {
     const firstMonthLastDay = start.endOf("month");
@@ -20961,11 +20963,11 @@
   };
 
   const COMPONENT_NAME$g = "ElCalendar";
-  const __default__$1p = vue.defineComponent({
+  const __default__$1q = vue.defineComponent({
     name: COMPONENT_NAME$g
   });
-  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1q,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -21082,7 +21084,7 @@
       };
     }
   });
-  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "calendar.vue"]]);
+  var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["__file", "calendar.vue"]]);
 
   const ElCalendar = withInstall(Calendar);
 
@@ -21107,11 +21109,11 @@
     }
   });
 
-  const __default__$1o = vue.defineComponent({
+  const __default__$1p = vue.defineComponent({
     name: "ElCard"
   });
-  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1p,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -21145,7 +21147,7 @@
       };
     }
   });
-  var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "card.vue"]]);
+  var Card = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["__file", "card.vue"]]);
 
   const ElCard = withInstall(Card);
 
@@ -21488,10 +21490,10 @@
     };
   };
 
-  const _hoisted_1$$ = ["aria-label"];
-  const _hoisted_2$D = ["aria-label"];
-  const _hoisted_3$j = ["onMouseenter", "onClick"];
-  const _hoisted_4$b = ["aria-label"];
+  const _hoisted_1$10 = ["aria-label"];
+  const _hoisted_2$E = ["aria-label"];
+  const _hoisted_3$k = ["onMouseenter", "onClick"];
+  const _hoisted_4$a = ["aria-label"];
   const _hoisted_5$7 = { key: 0 };
   const _hoisted_6$4 = {
     key: 3,
@@ -21517,11 +21519,11 @@
     _hoisted_7$2
   ];
   const COMPONENT_NAME$f = "ElCarousel";
-  const __default__$1n = vue.defineComponent({
+  const __default__$1o = vue.defineComponent({
     name: COMPONENT_NAME$f
   });
-  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1o,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -21614,7 +21616,7 @@
                   ]),
                   _: 1
                 })
-              ], 42, _hoisted_1$$), [
+              ], 42, _hoisted_1$10), [
                 [
                   vue.vShow,
                   (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) > 0)
@@ -21643,7 +21645,7 @@
                   ]),
                   _: 1
                 })
-              ], 42, _hoisted_2$D), [
+              ], 42, _hoisted_2$E), [
                 [
                   vue.vShow,
                   (_ctx.arrow === "always" || vue.unref(hover)) && (props.loop || vue.unref(activeIndex) < vue.unref(items).length - 1)
@@ -21680,8 +21682,8 @@
                   "aria-label": vue.unref(t)("el.carousel.indicator", { index: index + 1 })
                 }, [
                   vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, vue.toDisplayString(item.props.label), 1)) : vue.createCommentVNode("v-if", true)
-                ], 10, _hoisted_4$b)
-              ], 42, _hoisted_3$j)), [
+                ], 10, _hoisted_4$a)
+              ], 42, _hoisted_3$k)), [
                 [vue.vShow, vue.unref(isTwoLengthShow)(index)]
               ]);
             }), 128))
@@ -21691,7 +21693,7 @@
       };
     }
   });
-  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "carousel.vue"]]);
+  var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["__file", "carousel.vue"]]);
 
   const carouselItemProps = buildProps({
     name: { type: String, default: "" },
@@ -21812,11 +21814,11 @@
     };
   };
 
-  const __default__$1m = vue.defineComponent({
+  const __default__$1n = vue.defineComponent({
     name: "ElCarouselItem"
   });
-  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1n,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -21875,7 +21877,7 @@
       };
     }
   });
-  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "carousel-item.vue"]]);
+  var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["__file", "carousel-item.vue"]]);
 
   const ElCarousel = withInstall(Carousel, {
     CarouselItem
@@ -22154,13 +22156,13 @@
     };
   };
 
-  const _hoisted_1$_ = ["id", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_2$C = ["id", "indeterminate", "disabled", "value", "name", "tabindex"];
-  const __default__$1l = vue.defineComponent({
+  const _hoisted_1$$ = ["id", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value"];
+  const _hoisted_2$D = ["id", "indeterminate", "disabled", "value", "name", "tabindex"];
+  const __default__$1m = vue.defineComponent({
     name: "ElCheckbox"
   });
-  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1m,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22227,7 +22229,7 @@
                   onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
                   onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
                   }, ["stop"]))
-                }, null, 42, _hoisted_1$_)), [
+                }, null, 42, _hoisted_1$$)), [
                   [vue.vModelCheckbox, vue.unref(model)]
                 ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                   key: 1,
@@ -22245,7 +22247,7 @@
                   onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
                   onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
                   }, ["stop"]))
-                }, null, 42, _hoisted_2$C)), [
+                }, null, 42, _hoisted_2$D)), [
                   [vue.vModelCheckbox, vue.unref(model)]
                 ]),
                 vue.createElementVNode("span", {
@@ -22268,15 +22270,15 @@
       };
     }
   });
-  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "checkbox.vue"]]);
+  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["__file", "checkbox.vue"]]);
 
-  const _hoisted_1$Z = ["name", "tabindex", "disabled", "true-value", "false-value"];
-  const _hoisted_2$B = ["name", "tabindex", "disabled", "value"];
-  const __default__$1k = vue.defineComponent({
+  const _hoisted_1$_ = ["name", "tabindex", "disabled", "true-value", "false-value"];
+  const _hoisted_2$C = ["name", "tabindex", "disabled", "value"];
+  const __default__$1l = vue.defineComponent({
     name: "ElCheckboxButton"
   });
-  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1l,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22332,7 +22334,7 @@
             onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
             onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_1$Z)), [
+          }, null, 42, _hoisted_1$_)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
@@ -22348,7 +22350,7 @@
             onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
             onClick: _cache[9] || (_cache[9] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_2$B)), [
+          }, null, 42, _hoisted_2$C)), [
             [vue.vModelCheckbox, vue.unref(model)]
           ]),
           _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -22364,7 +22366,7 @@
       };
     }
   });
-  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "checkbox-button.vue"]]);
+  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "checkbox-button.vue"]]);
 
   const checkboxGroupProps = buildProps({
     modelValue: {
@@ -22392,11 +22394,11 @@
     change: (val) => isArray$1(val)
   };
 
-  const __default__$1j = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
-  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1k,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -22454,7 +22456,7 @@
       };
     }
   });
-  var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "checkbox-group.vue"]]);
+  var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "checkbox-group.vue"]]);
 
   const ElCheckbox = withInstall(Checkbox, {
     CheckboxButton,
@@ -22543,12 +22545,12 @@
     };
   };
 
-  const _hoisted_1$Y = ["value", "name", "disabled", "checked"];
-  const __default__$1i = vue.defineComponent({
+  const _hoisted_1$Z = ["value", "name", "disabled", "checked"];
+  const __default__$1j = vue.defineComponent({
     name: "ElRadio"
   });
-  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1j,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -22592,7 +22594,7 @@
               onChange: handleChange,
               onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
               }, ["stop"]))
-            }, null, 42, _hoisted_1$Y), [
+            }, null, 42, _hoisted_1$Z), [
               [vue.vModelRadio, vue.unref(modelValue)]
             ]),
             vue.createElementVNode("span", {
@@ -22612,18 +22614,18 @@
       };
     }
   });
-  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "radio.vue"]]);
+  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "radio.vue"]]);
 
   const radioButtonProps = buildProps({
     ...radioPropsBase
   });
 
-  const _hoisted_1$X = ["value", "name", "disabled"];
-  const __default__$1h = vue.defineComponent({
+  const _hoisted_1$Y = ["value", "name", "disabled"];
+  const __default__$1i = vue.defineComponent({
     name: "ElRadioButton"
   });
-  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1i,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -22661,7 +22663,7 @@
             onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
             onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_1$X), [
+          }, null, 42, _hoisted_1$Y), [
             [vue.vModelRadio, vue.unref(modelValue)]
           ]),
           vue.createElementVNode("span", {
@@ -22678,7 +22680,7 @@
       };
     }
   });
-  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "radio-button.vue"]]);
+  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "radio-button.vue"]]);
 
   const radioGroupProps = buildProps({
     id: {
@@ -22711,12 +22713,12 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const _hoisted_1$W = ["id", "aria-label", "aria-labelledby"];
-  const __default__$1g = vue.defineComponent({
+  const _hoisted_1$X = ["id", "aria-label", "aria-labelledby"];
+  const __default__$1h = vue.defineComponent({
     name: "ElRadioGroup"
   });
-  const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1h,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -22763,11 +22765,11 @@
           "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 10, _hoisted_1$W);
+        ], 10, _hoisted_1$X);
       };
     }
   });
-  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__file", "radio-group.vue"]]);
+  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "radio-group.vue"]]);
 
   const ElRadio = withInstall(Radio, {
     RadioButton,
@@ -22795,7 +22797,7 @@
 
   const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-  const _sfc_main$1Q = vue.defineComponent({
+  const _sfc_main$1R = vue.defineComponent({
     name: "ElCascaderNode",
     components: {
       ElCheckbox,
@@ -22910,8 +22912,8 @@
       };
     }
   });
-  const _hoisted_1$V = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-  const _hoisted_2$A = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
+  const _hoisted_1$W = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+  const _hoisted_2$B = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
   function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
@@ -22959,7 +22961,7 @@
       }, {
         default: vue.withCtx(() => [
           vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-          _hoisted_2$A
+          _hoisted_2$B
         ]),
         _: 1
       }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -22993,11 +22995,11 @@
           _: 1
         }, 8, ["class"]))
       ], 64)) : vue.createCommentVNode("v-if", true)
-    ], 42, _hoisted_1$V);
+    ], 42, _hoisted_1$W);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$t], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$t], ["__file", "node.vue"]]);
 
-  const _sfc_main$1P = vue.defineComponent({
+  const _sfc_main$1Q = vue.defineComponent({
     name: "ElCascaderMenu",
     components: {
       Loading: loading_default,
@@ -23128,7 +23130,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$s], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$s], ["__file", "menu.vue"]]);
 
   let uid = 0;
   const calculatePathNodes = (node) => {
@@ -23361,7 +23363,7 @@
     return res;
   };
 
-  const _sfc_main$1O = vue.defineComponent({
+  const _sfc_main$1P = vue.defineComponent({
     name: "ElCascaderPanel",
     components: {
       ElCascaderMenu
@@ -23623,7 +23625,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$r], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$r], ["__file", "index.vue"]]);
 
   const ElCascaderPanel = withInstall(CascaderPanel);
 
@@ -23653,11 +23655,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1f = vue.defineComponent({
+  const __default__$1g = vue.defineComponent({
     name: "ElTag"
   });
-  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1g,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -23737,7 +23739,7 @@
       };
     }
   });
-  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "tag.vue"]]);
+  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__file", "tag.vue"]]);
 
   const ElTag = withInstall(Tag);
 
@@ -23805,15 +23807,15 @@
     removeTag: (val) => !!val
   };
 
-  const _hoisted_1$U = { key: 0 };
-  const _hoisted_2$z = ["placeholder", "onKeydown"];
-  const _hoisted_3$i = ["onClick"];
+  const _hoisted_1$V = { key: 0 };
+  const _hoisted_2$A = ["placeholder", "onKeydown"];
+  const _hoisted_3$j = ["onClick"];
   const COMPONENT_NAME$e = "ElCascader";
-  const __default__$1e = vue.defineComponent({
+  const __default__$1f = vue.defineComponent({
     name: COMPONENT_NAME$e
   });
-  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1f,
     props: cascaderProps,
     emits: cascaderEmits,
     setup(__props, { expose, emit }) {
@@ -24284,7 +24286,7 @@
                     onClose: ($event) => deleteTag(tag)
                   }, {
                     default: vue.withCtx(() => [
-                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$U, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$V, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
                         key: 1,
                         disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
                         "fallback-placements": ["bottom", "top", "right", "left"],
@@ -24343,7 +24345,7 @@
                   onCompositionend: _cache[7] || (_cache[7] = (...args) => vue.unref(handleComposition) && vue.unref(handleComposition)(...args)),
                   onFocus: handleFocus,
                   onBlur: handleBlur
-                }, null, 42, _hoisted_2$z)), [
+                }, null, 42, _hoisted_2$A)), [
                   [vue.vModelText, searchInputValue.value]
                 ]) : vue.createCommentVNode("v-if", true)
               ], 2)) : vue.createCommentVNode("v-if", true)
@@ -24393,7 +24395,7 @@
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
-                  ], 10, _hoisted_3$i);
+                  ], 10, _hoisted_3$j);
                 }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                   vue.createElementVNode("li", {
                     class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
@@ -24410,7 +24412,7 @@
       };
     }
   });
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "cascader.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "cascader.vue"]]);
 
   const ElCascader = withInstall(Cascader);
 
@@ -24427,11 +24429,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$1d = vue.defineComponent({
+  const __default__$1e = vue.defineComponent({
     name: "ElCheckTag"
   });
-  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1e,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -24457,7 +24459,7 @@
       };
     }
   });
-  var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "check-tag.vue"]]);
+  var CheckTag = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__file", "check-tag.vue"]]);
 
   const ElCheckTag = withInstall(CheckTag);
 
@@ -24492,11 +24494,11 @@
     }
   });
 
-  const __default__$1c = vue.defineComponent({
+  const __default__$1d = vue.defineComponent({
     name: "ElRow"
   });
-  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1d,
     props: rowProps,
     setup(__props) {
       const props = __props;
@@ -24531,7 +24533,7 @@
       };
     }
   });
-  var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "row.vue"]]);
+  var Row$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__file", "row.vue"]]);
 
   const ElRow = withInstall(Row$1);
 
@@ -24578,11 +24580,11 @@
     }
   });
 
-  const __default__$1b = vue.defineComponent({
+  const __default__$1c = vue.defineComponent({
     name: "ElCol"
   });
-  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1c,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -24635,7 +24637,7 @@
       };
     }
   });
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "col.vue"]]);
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "col.vue"]]);
 
   const ElCol = withInstall(Col);
 
@@ -24694,11 +24696,11 @@
     };
   };
 
-  const __default__$1a = vue.defineComponent({
+  const __default__$1b = vue.defineComponent({
     name: "ElCollapse"
   });
-  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1b,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -24718,13 +24720,13 @@
       };
     }
   });
-  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "collapse.vue"]]);
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__file", "collapse.vue"]]);
 
-  const __default__$19 = vue.defineComponent({
+  const __default__$1a = vue.defineComponent({
     name: "ElCollapseTransition"
   });
-  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1a,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const reset = (el) => {
@@ -24802,7 +24804,7 @@
       };
     }
   });
-  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["__file", "collapse-transition.vue"]]);
+  var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__file", "collapse-transition.vue"]]);
 
   const ElCollapseTransition = withInstall(CollapseTransition);
 
@@ -24889,13 +24891,13 @@
     };
   };
 
-  const _hoisted_1$T = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
-  const _hoisted_2$y = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$18 = vue.defineComponent({
+  const _hoisted_1$U = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
+  const _hoisted_2$z = ["id", "aria-hidden", "aria-labelledby"];
+  const __default__$19 = vue.defineComponent({
     name: "ElCollapseItem"
   });
-  const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$19,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -24947,7 +24949,7 @@
               ]),
               _: 1
             }, 8, ["class"])
-          ], 42, _hoisted_1$T),
+          ], 42, _hoisted_1$U),
           vue.createVNode(vue.unref(ElCollapseTransition), null, {
             default: vue.withCtx(() => [
               vue.withDirectives(vue.createElementVNode("div", {
@@ -24962,7 +24964,7 @@
                 }, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ], 2)
-              ], 10, _hoisted_2$y), [
+              ], 10, _hoisted_2$z), [
                 [vue.vShow, vue.unref(isActive)]
               ])
             ]),
@@ -24972,7 +24974,7 @@
       };
     }
   });
-  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__file", "collapse-item.vue"]]);
+  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["__file", "collapse-item.vue"]]);
 
   const ElCollapse = withInstall(Collapse, {
     CollapseItem
@@ -25165,13 +25167,13 @@
     return { rootKls, barKls, barStyle, thumbKls, thumbStyle, update };
   };
 
-  const _hoisted_1$S = ["aria-label", "aria-valuenow", "aria-orientation"];
+  const _hoisted_1$T = ["aria-label", "aria-valuenow", "aria-orientation"];
   const COMPONENT_NAME$d = "ElColorAlphaSlider";
-  const __default__$17 = vue.defineComponent({
+  const __default__$18 = vue.defineComponent({
     name: COMPONENT_NAME$d
   });
-  const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+  const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$18,
     props: alphaSliderProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -25218,14 +25220,14 @@
             role: "slider",
             tabindex: "0",
             onKeydown: _cache[1] || (_cache[1] = (...args) => vue.unref(handleKeydown) && vue.unref(handleKeydown)(...args))
-          }, null, 46, _hoisted_1$S)
+          }, null, 46, _hoisted_1$T)
         ], 2);
       };
     }
   });
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__file", "alpha-slider.vue"]]);
 
-  const _sfc_main$1E = vue.defineComponent({
+  const _sfc_main$1F = vue.defineComponent({
     name: "ElColorHueSlider",
     props: {
       color: {
@@ -25345,7 +25347,7 @@
       }, null, 6)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$q], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$q], ["__file", "hue-slider.vue"]]);
 
   const colorPickerProps = buildProps({
     modelValue: String,
@@ -25665,7 +25667,7 @@
     }
   }
 
-  const _sfc_main$1D = vue.defineComponent({
+  const _sfc_main$1E = vue.defineComponent({
     props: {
       colors: {
         type: Array,
@@ -25714,7 +25716,7 @@
       };
     }
   });
-  const _hoisted_1$R = ["onClick"];
+  const _hoisted_1$S = ["onClick"];
   function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
@@ -25735,14 +25737,14 @@
             vue.createElementVNode("div", {
               style: vue.normalizeStyle({ backgroundColor: item.value })
             }, null, 4)
-          ], 10, _hoisted_1$R);
+          ], 10, _hoisted_1$S);
         }), 128))
       ], 2)
     ], 2);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$p], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$p], ["__file", "predefine.vue"]]);
 
-  const _sfc_main$1C = vue.defineComponent({
+  const _sfc_main$1D = vue.defineComponent({
     name: "ElSlPanel",
     props: {
       color: {
@@ -25812,9 +25814,9 @@
       };
     }
   });
-  const _hoisted_1$Q = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-  const _hoisted_2$x = [
-    _hoisted_1$Q
+  const _hoisted_1$R = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+  const _hoisted_2$y = [
+    _hoisted_1$R
   ];
   function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -25835,18 +25837,18 @@
           top: _ctx.cursorTop + "px",
           left: _ctx.cursorLeft + "px"
         })
-      }, _hoisted_2$x, 6)
+      }, _hoisted_2$y, 6)
     ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$o], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$o], ["__file", "sv-panel.vue"]]);
 
-  const _hoisted_1$P = ["onKeydown"];
-  const _hoisted_2$w = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
-  const __default__$16 = vue.defineComponent({
+  const _hoisted_1$Q = ["onKeydown"];
+  const _hoisted_2$x = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
+  const __default__$17 = vue.defineComponent({
     name: "ElColorPicker"
   });
-  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$17,
     props: colorPickerProps,
     emits: colorPickerEmits,
     setup(__props, { expose, emit }) {
@@ -26142,7 +26144,7 @@
                   _: 1
                 }, 8, ["class"])
               ], 2)
-            ], 40, _hoisted_1$P)), [
+            ], 40, _hoisted_1$Q)), [
               [vue.unref(ClickOutside), handleClickOutside]
             ])
           ]),
@@ -26203,22 +26205,22 @@
                   ], 6)
                 ], 2)
               ], 2)
-            ], 16, _hoisted_2$w)
+            ], 16, _hoisted_2$x)
           ]),
           _: 1
         }, 8, ["visible", "popper-class", "teleported", "transition"]);
       };
     }
   });
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__file", "color-picker.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__file", "color-picker.vue"]]);
 
   const ElColorPicker = withInstall(ColorPicker);
 
-  const __default__$15 = vue.defineComponent({
+  const __default__$16 = vue.defineComponent({
     name: "ElContainer"
   });
-  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$16,
     props: {
       direction: {
         type: String
@@ -26253,13 +26255,13 @@
       };
     }
   });
-  var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "container.vue"]]);
+  var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__file", "container.vue"]]);
 
-  const __default__$14 = vue.defineComponent({
+  const __default__$15 = vue.defineComponent({
     name: "ElAside"
   });
-  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$15,
     props: {
       width: {
         type: String,
@@ -26280,13 +26282,13 @@
       };
     }
   });
-  var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "aside.vue"]]);
+  var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__file", "aside.vue"]]);
 
-  const __default__$13 = vue.defineComponent({
+  const __default__$14 = vue.defineComponent({
     name: "ElFooter"
   });
-  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$14,
     props: {
       height: {
         type: String,
@@ -26307,13 +26309,13 @@
       };
     }
   });
-  var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "footer.vue"]]);
+  var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__file", "footer.vue"]]);
 
-  const __default__$12 = vue.defineComponent({
+  const __default__$13 = vue.defineComponent({
     name: "ElHeader"
   });
-  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$13,
     props: {
       height: {
         type: String,
@@ -26338,13 +26340,13 @@
       };
     }
   });
-  var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "header.vue"]]);
+  var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "header.vue"]]);
 
-  const __default__$11 = vue.defineComponent({
+  const __default__$12 = vue.defineComponent({
     name: "ElMain"
   });
-  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$12,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -26356,7 +26358,7 @@
       };
     }
   });
-  var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "main.vue"]]);
+  var Main = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__file", "main.vue"]]);
 
   const ElContainer = withInstall(Container, {
     Aside,
@@ -27043,14 +27045,14 @@
     }
   });
 
-  const _hoisted_1$O = ["aria-label"];
-  const _hoisted_2$v = {
+  const _hoisted_1$P = ["aria-label"];
+  const _hoisted_2$w = {
     key: 0,
     scope: "col"
   };
-  const _hoisted_3$h = ["aria-label"];
-  const _hoisted_4$a = ["aria-current", "aria-selected", "tabindex"];
-  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$i = ["aria-label"];
+  const _hoisted_4$9 = ["aria-current", "aria-selected", "tabindex"];
+  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-date-table",
     props: basicDateTableProps,
     emits: basicDateTableEmits,
@@ -27095,13 +27097,13 @@
             ref: tbodyRef
           }, [
             vue.createElementVNode("tr", null, [
-              _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_2$v, vue.toDisplayString(vue.unref(weekLabel)), 1)) : vue.createCommentVNode("v-if", true),
+              _ctx.showWeekNumber ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_2$w, vue.toDisplayString(vue.unref(weekLabel)), 1)) : vue.createCommentVNode("v-if", true),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(WEEKS), (week, key) => {
                 return vue.openBlock(), vue.createElementBlock("th", {
                   key,
                   "aria-label": vue.unref(t)("el.datepicker.weeksFull." + week),
                   scope: "col"
-                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$h);
+                }, vue.toDisplayString(vue.unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$i);
               }), 128))
             ]),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, rowKey) => {
@@ -27121,26 +27123,26 @@
                     onFocus: _cache[0] || (_cache[0] = (...args) => vue.unref(handleFocus) && vue.unref(handleFocus)(...args))
                   }, [
                     vue.createVNode(vue.unref(ElDatePickerCell), { cell }, null, 8, ["cell"])
-                  ], 42, _hoisted_4$a);
+                  ], 42, _hoisted_4$9);
                 }), 128))
               ], 2);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$O);
+        ], 42, _hoisted_1$P);
       };
     }
   });
-  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "basic-date-table.vue"]]);
+  var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__file", "basic-date-table.vue"]]);
 
   const basicMonthTableProps = buildProps({
     ...datePickerSharedProps,
     selectionMode: selectionModeWithDefault("month")
   });
 
-  const _hoisted_1$N = ["aria-label"];
-  const _hoisted_2$u = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-  const _hoisted_3$g = { class: "cell" };
-  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$O = ["aria-label"];
+  const _hoisted_2$v = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
+  const _hoisted_3$h = { class: "cell" };
+  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-month-table",
     props: basicMonthTableProps,
     emits: ["changerange", "pick", "select"],
@@ -27330,35 +27332,31 @@
                     ]
                   }, [
                     vue.createElementVNode("div", null, [
-                      vue.createElementVNode("span", _hoisted_3$g, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
+                      vue.createElementVNode("span", _hoisted_3$h, vue.toDisplayString(vue.unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
                     ])
-                  ], 42, _hoisted_2$u);
+                  ], 42, _hoisted_2$v);
                 }), 128))
               ]);
             }), 128))
           ], 512)
-        ], 42, _hoisted_1$N);
+        ], 42, _hoisted_1$O);
       };
     }
   });
-  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__file", "basic-month-table.vue"]]);
+  var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__file", "basic-month-table.vue"]]);
 
-  const { date, disabledDate, parsedValue } = datePickerSharedProps;
   const basicYearTableProps = buildProps({
-    date,
-    disabledDate,
-    parsedValue,
+    ...datePickerSharedProps,
     selectionMode: selectionModeWithDefault("year")
   });
 
-  const _hoisted_1$M = ["aria-label"];
-  const _hoisted_2$t = ["aria-selected", "tabindex", "onKeydown"];
-  const _hoisted_3$f = { class: "cell" };
-  const _hoisted_4$9 = { key: 1 };
-  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$N = ["aria-label"];
+  const _hoisted_2$u = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
+  const _hoisted_3$g = { class: "cell" };
+  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
     __name: "basic-year-table",
     props: basicYearTableProps,
-    emits: ["pick"],
+    emits: ["changerange", "pick", "select"],
     setup(__props, { expose, emit }) {
       const props = __props;
       const datesInYear = (year, lang2) => {
@@ -27374,38 +27372,132 @@
       const startYear = vue.computed(() => {
         return Math.floor(props.date.year() / 10) * 10;
       });
+      const tableRows = vue.ref([[], [], []]);
+      const lastRow = vue.ref();
+      const lastColumn = vue.ref();
+      const rows = vue.computed(() => {
+        var _a;
+        const rows2 = tableRows.value;
+        const now = dayjs().locale(lang.value).startOf("year");
+        for (let i = 0; i < 3; i++) {
+          const row = rows2[i];
+          for (let j = 0; j < 4; j++) {
+            if (i * 4 + j >= 10) {
+              break;
+            }
+            let cell = row[j];
+            if (!cell) {
+              cell = {
+                row: i,
+                column: j,
+                type: "normal",
+                inRange: false,
+                start: false,
+                end: false,
+                text: -1,
+                disabled: false
+              };
+            }
+            cell.type = "normal";
+            const index = i * 4 + j + startYear.value;
+            const calTime = dayjs().year(index);
+            const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate || null;
+            cell.inRange = !!(props.minDate && calTime.isSameOrAfter(props.minDate, "year") && calEndDate && calTime.isSameOrBefore(calEndDate, "year")) || !!(props.minDate && calTime.isSameOrBefore(props.minDate, "year") && calEndDate && calTime.isSameOrAfter(calEndDate, "year"));
+            if ((_a = props.minDate) == null ? void 0 : _a.isSameOrAfter(calEndDate)) {
+              cell.start = !!(calEndDate && calTime.isSame(calEndDate, "year"));
+              cell.end = !!(props.minDate && calTime.isSame(props.minDate, "year"));
+            } else {
+              cell.start = !!(props.minDate && calTime.isSame(props.minDate, "year"));
+              cell.end = !!(calEndDate && calTime.isSame(calEndDate, "year"));
+            }
+            const isToday = now.isSame(calTime);
+            if (isToday) {
+              cell.type = "today";
+            }
+            cell.text = index;
+            const cellDate = calTime.toDate();
+            cell.disabled = props.disabledDate && props.disabledDate(cellDate) || false;
+            row[j] = cell;
+          }
+        }
+        return rows2;
+      });
       const focus = () => {
         var _a;
         (_a = currentCellRef.value) == null ? void 0 : _a.focus();
       };
-      const getCellKls = (year) => {
+      const getCellKls = (cell) => {
         const kls = {};
         const today = dayjs().locale(lang.value);
+        const year = cell.text;
         kls.disabled = props.disabledDate ? datesInYear(year, lang.value).every(props.disabledDate) : false;
-        kls.current = castArray(props.parsedValue).findIndex((d) => d.year() === year) >= 0;
         kls.today = today.year() === year;
+        kls.current = castArray(props.parsedValue).findIndex((d) => d.year() === year) >= 0;
+        if (cell.inRange) {
+          kls["in-range"] = true;
+          if (cell.start) {
+            kls["start-date"] = true;
+          }
+          if (cell.end) {
+            kls["end-date"] = true;
+          }
+        }
         return kls;
       };
-      const isSelectedCell = (year) => {
-        return year === startYear.value && props.date.year() < startYear.value && props.date.year() > startYear.value + 9 || castArray(props.date).findIndex((date) => date.year() === year) >= 0 || castArray(props.parsedValue).findIndex((date) => (date == null ? void 0 : date.year()) === year) >= 0;
+      const isSelectedCell = (cell) => {
+        const year = cell.text;
+        return castArray(props.date).findIndex((date) => date.year() === year) >= 0;
       };
       const handleYearTableClick = (event) => {
-        const clickTarget = event.target;
-        const target = clickTarget.closest("td");
-        if (target && target.textContent) {
-          if (hasClass(target, "disabled"))
-            return;
-          const year = target.textContent || target.innerText;
-          if (props.selectionMode === "years") {
-            if (event.type === "keydown") {
-              emit("pick", castArray(props.parsedValue), false);
-              return;
-            }
-            const newValue = hasClass(target, "current") ? castArray(props.parsedValue).filter((d) => (d == null ? void 0 : d.year()) !== Number(year)) : castArray(props.parsedValue).concat([dayjs(year)]);
-            emit("pick", newValue);
+        var _a;
+        const target = (_a = event.target) == null ? void 0 : _a.closest("td");
+        if (!target || !target.textContent || hasClass(target, "disabled"))
+          return;
+        const column = target.cellIndex;
+        const row = target.parentNode.rowIndex;
+        const selectedYear = row * 4 + column + startYear.value;
+        const newDate = dayjs().year(selectedYear);
+        if (props.selectionMode === "range") {
+          if (!props.rangeState.selecting) {
+            emit("pick", { minDate: newDate, maxDate: null });
+            emit("select", true);
           } else {
-            emit("pick", Number(year));
+            if (props.minDate && newDate >= props.minDate) {
+              emit("pick", { minDate: props.minDate, maxDate: newDate });
+            } else {
+              emit("pick", { minDate: newDate, maxDate: props.minDate });
+            }
+            emit("select", false);
+          }
+        } else if (props.selectionMode === "years") {
+          if (event.type === "keydown") {
+            emit("pick", castArray(props.parsedValue), false);
+            return;
           }
+          const newValue = hasClass(target, "current") ? castArray(props.parsedValue).filter((d) => (d == null ? void 0 : d.year()) !== selectedYear) : castArray(props.parsedValue).concat([newDate]);
+          emit("pick", newValue);
+        } else {
+          emit("pick", selectedYear);
+        }
+      };
+      const handleMouseMove = (event) => {
+        var _a;
+        if (!props.rangeState.selecting)
+          return;
+        const target = (_a = event.target) == null ? void 0 : _a.closest("td");
+        if (!target)
+          return;
+        const row = target.parentNode.rowIndex;
+        const column = target.cellIndex;
+        if (rows.value[row][column].disabled)
+          return;
+        if (row !== lastRow.value || column !== lastColumn.value) {
+          lastRow.value = row;
+          lastColumn.value = column;
+          emit("changerange", {
+            selecting: true,
+            endDate: dayjs().year(startYear.value).add(row * 4 + column, "year")
+          });
         }
       };
       vue.watch(() => props.date, async () => {
@@ -27423,51 +27515,49 @@
           role: "grid",
           "aria-label": vue.unref(t)("el.datepicker.yearTablePrompt"),
           class: vue.normalizeClass(vue.unref(ns).b()),
-          onClick: handleYearTableClick
+          onClick: handleYearTableClick,
+          onMousemove: handleMouseMove
         }, [
           vue.createElementVNode("tbody", {
             ref_key: "tbodyRef",
             ref: tbodyRef
           }, [
-            (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(3, (_, i) => {
-              return vue.createElementVNode("tr", { key: i }, [
-                (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(4, (__, j) => {
-                  return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                    key: i + "_" + j
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rows), (row, rowKey) => {
+              return vue.openBlock(), vue.createElementBlock("tr", { key: rowKey }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (cell, cellKey) => {
+                  return vue.openBlock(), vue.createElementBlock("td", {
+                    key: `${rowKey}_${cellKey}`,
+                    ref_for: true,
+                    ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
+                    class: vue.normalizeClass(["available", getCellKls(cell)]),
+                    "aria-selected": isSelectedCell(cell),
+                    "aria-label": String(cell.text),
+                    tabindex: isSelectedCell(cell) ? 0 : -1,
+                    onKeydown: [
+                      vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["space"]),
+                      vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
+                    ]
                   }, [
-                    i * 4 + j < 10 ? (vue.openBlock(), vue.createElementBlock("td", {
-                      key: 0,
-                      ref_for: true,
-                      ref: (el) => isSelectedCell(vue.unref(startYear) + i * 4 + j) && (currentCellRef.value = el),
-                      class: vue.normalizeClass(["available", getCellKls(vue.unref(startYear) + i * 4 + j)]),
-                      "aria-selected": `${isSelectedCell(vue.unref(startYear) + i * 4 + j)}`,
-                      tabindex: isSelectedCell(vue.unref(startYear) + i * 4 + j) ? 0 : -1,
-                      onKeydown: [
-                        vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["space"]),
-                        vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
-                      ]
-                    }, [
-                      vue.createElementVNode("div", null, [
-                        vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
-                      ])
-                    ], 42, _hoisted_2$t)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_4$9))
-                  ], 64);
-                }), 64))
+                    vue.createElementVNode("div", null, [
+                      vue.createElementVNode("span", _hoisted_3$g, vue.toDisplayString(cell.text), 1)
+                    ])
+                  ], 42, _hoisted_2$u);
+                }), 128))
               ]);
-            }), 64))
+            }), 128))
           ], 512)
-        ], 10, _hoisted_1$M);
+        ], 42, _hoisted_1$N);
       };
     }
   });
-  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__file", "basic-year-table.vue"]]);
+  var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__file", "basic-year-table.vue"]]);
 
-  const _hoisted_1$L = ["onClick"];
-  const _hoisted_2$s = ["aria-label"];
-  const _hoisted_3$e = ["aria-label"];
+  const _hoisted_1$M = ["onClick"];
+  const _hoisted_2$t = ["aria-label"];
+  const _hoisted_3$f = ["aria-label"];
   const _hoisted_4$8 = ["aria-label"];
   const _hoisted_5$6 = ["aria-label"];
-  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-pick",
     props: panelDatePickProps,
     emits: ["pick", "set-picker-option", "panel-change"],
@@ -27915,7 +28005,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => handleShortcutClick(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$L);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$M);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -27980,7 +28070,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_2$s),
+                  ], 10, _hoisted_2$t),
                   vue.withDirectives(vue.createElementVNode("button", {
                     type: "button",
                     "aria-label": vue.unref(t)(`el.datepicker.prevMonth`),
@@ -27993,7 +28083,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$e), [
+                  ], 10, _hoisted_3$f), [
                     [vue.vShow, currentView.value === "date"]
                   ])
                 ], 2),
@@ -28127,7 +28217,7 @@
       };
     }
   });
-  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "panel-date-pick.vue"]]);
+  var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__file", "panel-date-pick.vue"]]);
 
   const panelDateRangeProps = buildProps({
     ...panelSharedProps,
@@ -28234,17 +28324,17 @@
     };
   };
 
-  const _hoisted_1$K = ["onClick"];
-  const _hoisted_2$r = ["aria-label"];
-  const _hoisted_3$d = ["aria-label"];
+  const _hoisted_1$L = ["onClick"];
+  const _hoisted_2$s = ["aria-label"];
+  const _hoisted_3$e = ["aria-label"];
   const _hoisted_4$7 = ["disabled", "aria-label"];
   const _hoisted_5$5 = ["disabled", "aria-label"];
   const _hoisted_6$3 = ["disabled", "aria-label"];
   const _hoisted_7$1 = ["disabled", "aria-label"];
   const _hoisted_8$1 = ["aria-label"];
   const _hoisted_9$1 = ["aria-label"];
-  const unit$1 = "month";
-  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+  const unit$2 = "month";
+  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-range",
     props: panelDateRangeProps,
     emits: [
@@ -28262,7 +28352,7 @@
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const { lang } = useLocale();
       const leftDate = vue.ref(dayjs().locale(lang.value));
-      const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit$1));
+      const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit$2));
       const {
         minDate,
         maxDate,
@@ -28278,7 +28368,7 @@
         defaultValue,
         leftDate,
         rightDate,
-        unit: unit$1,
+        unit: unit$2,
         onParsedValueChanged
       });
       const dateUserInput = vue.ref({
@@ -28549,9 +28639,9 @@
           const minDateMonth = (minDate2 == null ? void 0 : minDate2.month()) || 0;
           const maxDateYear = maxDate2.year();
           const maxDateMonth = maxDate2.month();
-          rightDate.value = minDateYear === maxDateYear && minDateMonth === maxDateMonth ? maxDate2.add(1, unit$1) : maxDate2;
+          rightDate.value = minDateYear === maxDateYear && minDateMonth === maxDateMonth ? maxDate2.add(1, unit$2) : maxDate2;
         } else {
-          rightDate.value = leftDate.value.add(1, unit$1);
+          rightDate.value = leftDate.value.add(1, unit$2);
           if (maxDate2) {
             rightDate.value = rightDate.value.hour(maxDate2.hour()).minute(maxDate2.minute()).second(maxDate2.second());
           }
@@ -28588,7 +28678,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$K);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$L);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -28711,7 +28801,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_2$r),
+                  ], 10, _hoisted_2$s),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "arrow-left"]),
@@ -28724,7 +28814,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$d),
+                  ], 10, _hoisted_3$e),
                   _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 0,
                     type: "button",
@@ -28888,7 +28978,7 @@
       };
     }
   });
-  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "panel-date-range.vue"]]);
+  var DateRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__file", "panel-date-range.vue"]]);
 
   const panelMonthRangeProps = buildProps({
     ...panelRangeSharedProps
@@ -28947,15 +29037,15 @@
     };
   };
 
-  const _hoisted_1$J = ["onClick"];
-  const _hoisted_2$q = ["disabled"];
-  const _hoisted_3$c = ["disabled"];
-  const unit = "year";
-  const __default__$10 = vue.defineComponent({
+  const _hoisted_1$K = ["onClick"];
+  const _hoisted_2$r = ["disabled"];
+  const _hoisted_3$d = ["disabled"];
+  const unit$1 = "year";
+  const __default__$11 = vue.defineComponent({
     name: "DatePickerMonthRange"
   });
-  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$11,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -28966,7 +29056,7 @@
       const format = vue.toRef(pickerBase.props, "format");
       const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
       const leftDate = vue.ref(dayjs().locale(lang.value));
-      const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit));
+      const rightDate = vue.ref(dayjs().locale(lang.value).add(1, unit$1));
       const {
         minDate,
         maxDate,
@@ -28981,7 +29071,7 @@
         defaultValue,
         leftDate,
         rightDate,
-        unit,
+        unit: unit$1,
         onParsedValueChanged
       });
       const hasShortcuts = vue.computed(() => !!shortcuts.length);
@@ -29034,9 +29124,9 @@
         if (props.unlinkPanels && maxDate2) {
           const minDateYear = (minDate2 == null ? void 0 : minDate2.year()) || 0;
           const maxDateYear = maxDate2.year();
-          rightDate.value = minDateYear === maxDateYear ? maxDate2.add(1, unit) : maxDate2;
+          rightDate.value = minDateYear === maxDateYear ? maxDate2.add(1, unit$1) : maxDate2;
         } else {
-          rightDate.value = leftDate.value.add(1, unit);
+          rightDate.value = leftDate.value.add(1, unit$1);
         }
       }
       emit("set-picker-option", ["isValidValue", isValidRange]);
@@ -29069,7 +29159,7 @@
                   type: "button",
                   class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
                   onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
-                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$J);
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$K);
               }), 128))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
@@ -29109,7 +29199,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_2$q)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_2$r)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
                 ], 2),
                 vue.createVNode(MonthTable, {
@@ -29143,7 +29233,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_3$d)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -29176,7 +29266,361 @@
       };
     }
   });
-  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "panel-month-range.vue"]]);
+  var MonthRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__file", "panel-month-range.vue"]]);
+
+  const panelYearRangeProps = buildProps({
+    ...panelRangeSharedProps
+  });
+  const panelYearRangeEmits = [
+    "pick",
+    "set-picker-option",
+    "calendar-change"
+  ];
+
+  const useYearRangeHeader = ({
+    unlinkPanels,
+    leftDate,
+    rightDate
+  }) => {
+    const leftPrevYear = () => {
+      leftDate.value = leftDate.value.subtract(10, "year");
+      if (!unlinkPanels.value) {
+        rightDate.value = rightDate.value.subtract(10, "year");
+      }
+    };
+    const rightNextYear = () => {
+      if (!unlinkPanels.value) {
+        leftDate.value = leftDate.value.add(10, "year");
+      }
+      rightDate.value = rightDate.value.add(10, "year");
+    };
+    const leftNextYear = () => {
+      leftDate.value = leftDate.value.add(10, "year");
+    };
+    const rightPrevYear = () => {
+      rightDate.value = rightDate.value.subtract(10, "year");
+    };
+    const leftLabel = vue.computed(() => {
+      const leftStartDate = Math.floor(leftDate.value.year() / 10) * 10;
+      return `${leftStartDate}-${leftStartDate + 9}`;
+    });
+    const rightLabel = vue.computed(() => {
+      const rightStartDate = Math.floor(rightDate.value.year() / 10) * 10;
+      return `${rightStartDate}-${rightStartDate + 9}`;
+    });
+    const leftYear = vue.computed(() => {
+      const leftEndDate = Math.floor(leftDate.value.year() / 10) * 10 + 9;
+      return leftEndDate;
+    });
+    const rightYear = vue.computed(() => {
+      const rightStartDate = Math.floor(rightDate.value.year() / 10) * 10;
+      return rightStartDate;
+    });
+    return {
+      leftPrevYear,
+      rightNextYear,
+      leftNextYear,
+      rightPrevYear,
+      leftLabel,
+      rightLabel,
+      leftYear,
+      rightYear
+    };
+  };
+
+  const _hoisted_1$J = ["onClick"];
+  const _hoisted_2$q = ["disabled"];
+  const _hoisted_3$c = ["disabled"];
+  const unit = "year";
+  const __default__$10 = vue.defineComponent({
+    name: "DatePickerYearRange"
+  });
+  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$10,
+    props: panelYearRangeProps,
+    emits: panelYearRangeEmits,
+    setup(__props, { emit }) {
+      const props = __props;
+      const { lang } = useLocale();
+      const leftDate = vue.ref(dayjs().locale(lang.value));
+      const rightDate = vue.ref(leftDate.value.add(10, "year"));
+      const { pickerNs: ppNs } = vue.inject(ROOT_PICKER_INJECTION_KEY);
+      const drpNs = useNamespace("date-range-picker");
+      const hasShortcuts = vue.computed(() => !!shortcuts.length);
+      const panelKls = vue.computed(() => [
+        ppNs.b(),
+        drpNs.b(),
+        {
+          "has-sidebar": Boolean(vue.useSlots().sidebar) || hasShortcuts.value
+        }
+      ]);
+      const leftPanelKls = vue.computed(() => {
+        return {
+          content: [ppNs.e("content"), drpNs.e("content"), "is-left"],
+          arrowLeftBtn: [ppNs.e("icon-btn"), "d-arrow-left"],
+          arrowRightBtn: [
+            ppNs.e("icon-btn"),
+            { [ppNs.is("disabled")]: !enableYearArrow.value },
+            "d-arrow-right"
+          ]
+        };
+      });
+      const rightPanelKls = vue.computed(() => {
+        return {
+          content: [ppNs.e("content"), drpNs.e("content"), "is-right"],
+          arrowLeftBtn: [
+            ppNs.e("icon-btn"),
+            { "is-disabled": !enableYearArrow.value },
+            "d-arrow-left"
+          ],
+          arrowRightBtn: [ppNs.e("icon-btn"), "d-arrow-right"]
+        };
+      });
+      const handleShortcutClick = useShortcut(lang);
+      const {
+        leftPrevYear,
+        rightNextYear,
+        leftNextYear,
+        rightPrevYear,
+        leftLabel,
+        rightLabel,
+        leftYear,
+        rightYear
+      } = useYearRangeHeader({
+        unlinkPanels: vue.toRef(props, "unlinkPanels"),
+        leftDate,
+        rightDate
+      });
+      const enableYearArrow = vue.computed(() => {
+        return props.unlinkPanels && rightYear.value > leftYear.value + 1;
+      });
+      const minDate = vue.ref();
+      const maxDate = vue.ref();
+      const rangeState = vue.ref({
+        endDate: null,
+        selecting: false
+      });
+      const handleChangeRange = (val) => {
+        rangeState.value = val;
+      };
+      const handleRangePick = (val, close = true) => {
+        const minDate_ = val.minDate;
+        const maxDate_ = val.maxDate;
+        if (maxDate.value === maxDate_ && minDate.value === minDate_) {
+          return;
+        }
+        emit("calendar-change", [minDate_.toDate(), maxDate_ && maxDate_.toDate()]);
+        maxDate.value = maxDate_;
+        minDate.value = minDate_;
+        if (!close)
+          return;
+        handleConfirm();
+      };
+      const handleConfirm = (visible = false) => {
+        if (isValidRange([minDate.value, maxDate.value])) {
+          emit("pick", [minDate.value, maxDate.value], visible);
+        }
+      };
+      const onSelect = (selecting) => {
+        rangeState.value.selecting = selecting;
+        if (!selecting) {
+          rangeState.value.endDate = null;
+        }
+      };
+      const pickerBase = vue.inject("EP_PICKER_BASE");
+      const { shortcuts, disabledDate } = pickerBase.props;
+      const format = vue.toRef(pickerBase.props, "format");
+      const defaultValue = vue.toRef(pickerBase.props, "defaultValue");
+      const getDefaultValue = () => {
+        let start;
+        if (isArray$1(defaultValue.value)) {
+          const left = dayjs(defaultValue.value[0]);
+          let right = dayjs(defaultValue.value[1]);
+          if (!props.unlinkPanels) {
+            right = left.add(10, unit);
+          }
+          return [left, right];
+        } else if (defaultValue.value) {
+          start = dayjs(defaultValue.value);
+        } else {
+          start = dayjs();
+        }
+        start = start.locale(lang.value);
+        return [start, start.add(10, unit)];
+      };
+      vue.watch(() => defaultValue.value, (val) => {
+        if (val) {
+          const defaultArr = getDefaultValue();
+          leftDate.value = defaultArr[0];
+          rightDate.value = defaultArr[1];
+        }
+      }, { immediate: true });
+      vue.watch(() => props.parsedValue, (newVal) => {
+        if (newVal && newVal.length === 2) {
+          minDate.value = newVal[0];
+          maxDate.value = newVal[1];
+          leftDate.value = minDate.value;
+          if (props.unlinkPanels && maxDate.value) {
+            const minDateYear = minDate.value.year();
+            const maxDateYear = maxDate.value.year();
+            rightDate.value = minDateYear === maxDateYear ? maxDate.value.add(10, "year") : maxDate.value;
+          } else {
+            rightDate.value = leftDate.value.add(10, "year");
+          }
+        } else {
+          const defaultArr = getDefaultValue();
+          minDate.value = void 0;
+          maxDate.value = void 0;
+          leftDate.value = defaultArr[0];
+          rightDate.value = defaultArr[1];
+        }
+      }, { immediate: true });
+      const parseUserInput = (value) => {
+        return isArray$1(value) ? value.map((_) => dayjs(_, format.value).locale(lang.value)) : dayjs(value, format.value).locale(lang.value);
+      };
+      const formatToString = (value) => {
+        return isArray$1(value) ? value.map((day) => day.format(format.value)) : value.format(format.value);
+      };
+      const isValidValue = (date) => {
+        return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
+      };
+      const handleClear = () => {
+        const defaultArr = getDefaultValue();
+        leftDate.value = defaultArr[0];
+        rightDate.value = defaultArr[1];
+        maxDate.value = void 0;
+        minDate.value = void 0;
+        emit("pick", null);
+      };
+      emit("set-picker-option", ["isValidValue", isValidValue]);
+      emit("set-picker-option", ["parseUserInput", parseUserInput]);
+      emit("set-picker-option", ["formatToString", formatToString]);
+      emit("set-picker-option", ["handleClear", handleClear]);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(panelKls))
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ppNs).e("body-wrapper"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "sidebar", {
+              class: vue.normalizeClass(vue.unref(ppNs).e("sidebar"))
+            }),
+            vue.unref(hasShortcuts) ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ppNs).e("sidebar"))
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(shortcuts), (shortcut, key) => {
+                return vue.openBlock(), vue.createElementBlock("button", {
+                  key,
+                  type: "button",
+                  class: vue.normalizeClass(vue.unref(ppNs).e("shortcut")),
+                  onClick: ($event) => vue.unref(handleShortcutClick)(shortcut)
+                }, vue.toDisplayString(shortcut.text), 11, _hoisted_1$J);
+              }), 128))
+            ], 2)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ppNs).e("body"))
+            }, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(leftPanelKls).content)
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(drpNs).e("header"))
+                }, [
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: vue.normalizeClass(vue.unref(leftPanelKls).arrowLeftBtn),
+                    onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(leftPrevYear) && vue.unref(leftPrevYear)(...args))
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(d_arrow_left_default))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+                    key: 0,
+                    type: "button",
+                    disabled: !vue.unref(enableYearArrow),
+                    class: vue.normalizeClass(vue.unref(leftPanelKls).arrowRightBtn),
+                    onClick: _cache[1] || (_cache[1] = (...args) => vue.unref(leftNextYear) && vue.unref(leftNextYear)(...args))
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(d_arrow_right_default))
+                      ]),
+                      _: 1
+                    })
+                  ], 10, _hoisted_2$q)) : vue.createCommentVNode("v-if", true),
+                  vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(leftLabel)), 1)
+                ], 2),
+                vue.createVNode(YearTable, {
+                  "selection-mode": "range",
+                  date: leftDate.value,
+                  "min-date": minDate.value,
+                  "max-date": maxDate.value,
+                  "range-state": rangeState.value,
+                  "disabled-date": vue.unref(disabledDate),
+                  onChangerange: handleChangeRange,
+                  onPick: handleRangePick,
+                  onSelect
+                }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+              ], 2),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(rightPanelKls).content)
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(drpNs).e("header"))
+                }, [
+                  _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+                    key: 0,
+                    type: "button",
+                    disabled: !vue.unref(enableYearArrow),
+                    class: vue.normalizeClass(vue.unref(rightPanelKls).arrowLeftBtn),
+                    onClick: _cache[2] || (_cache[2] = (...args) => vue.unref(rightPrevYear) && vue.unref(rightPrevYear)(...args))
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(d_arrow_left_default))
+                      ]),
+                      _: 1
+                    })
+                  ], 10, _hoisted_3$c)) : vue.createCommentVNode("v-if", true),
+                  vue.createElementVNode("button", {
+                    type: "button",
+                    class: vue.normalizeClass(vue.unref(rightPanelKls).arrowRightBtn),
+                    onClick: _cache[3] || (_cache[3] = (...args) => vue.unref(rightNextYear) && vue.unref(rightNextYear)(...args))
+                  }, [
+                    vue.createVNode(vue.unref(ElIcon), null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(d_arrow_right_default))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(rightLabel)), 1)
+                ], 2),
+                vue.createVNode(YearTable, {
+                  "selection-mode": "range",
+                  date: rightDate.value,
+                  "min-date": minDate.value,
+                  "max-date": maxDate.value,
+                  "range-state": rangeState.value,
+                  "disabled-date": vue.unref(disabledDate),
+                  onChangerange: handleChangeRange,
+                  onPick: handleRangePick,
+                  onSelect
+                }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+              ], 2)
+            ], 2)
+          ], 2)
+        ], 2);
+      };
+    }
+  });
+  var YearRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "panel-year-range.vue"]]);
 
   const getPanel = function(type) {
     switch (type) {
@@ -29187,6 +29631,9 @@
       case "monthrange": {
         return MonthRangePickPanel;
       }
+      case "yearrange": {
+        return YearRangePickPanel;
+      }
       default: {
         return DatePickPanel;
       }
@@ -41810,7 +42257,7 @@
         const { value, formatter, precision, decimalSeparator, groupSeparator } = props;
         if (isFunction$1(formatter))
           return formatter(value);
-        if (!isNumber(value))
+        if (!isNumber(value) || Number.isNaN(value))
           return value;
         let [integer, decimal = ""] = String(value).split(".");
         decimal = decimal.padEnd(precision, "0").slice(0, precision > 0 ? precision : 0);