@element-plus/nightly 0.0.20240807 → 0.0.20240808

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240807 */
+/*! Element Plus v0.0.20240808 */
 
 import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport as Teleport$1, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
 
@@ -6763,7 +6763,7 @@ var collection = {
   sortBy
 };
 
-var date$1 = {
+var date = {
   now
 };
 
@@ -7369,7 +7369,7 @@ lodash.stubTrue = util.stubTrue;
 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;
@@ -8665,7 +8665,8 @@ const datePickTypes = [
   "datetime",
   "datetimerange",
   "daterange",
-  "monthrange"
+  "monthrange",
+  "yearrange"
 ];
 const WEEK_DAYS = [
   "sun",
@@ -11554,7 +11555,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20240807";
+const version$1 = "0.0.20240808";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11604,11 +11605,11 @@ var _export_sfc = (sfc, props) => {
 };
 
 const COMPONENT_NAME$n = "ElAffix";
-const __default__$1N = defineComponent({
+const __default__$1O = defineComponent({
   name: COMPONENT_NAME$n
 });
-const _sfc_main$2t = /* @__PURE__ */ defineComponent({
-  ...__default__$1N,
+const _sfc_main$2u = /* @__PURE__ */ defineComponent({
+  ...__default__$1O,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11711,7 +11712,7 @@ const _sfc_main$2t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -11724,12 +11725,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1M = defineComponent({
+const __default__$1N = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$2s = /* @__PURE__ */ defineComponent({
-  ...__default__$1M,
+const _sfc_main$2t = /* @__PURE__ */ defineComponent({
+  ...__default__$1N,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11753,7 +11754,7 @@ const _sfc_main$2s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -11792,11 +11793,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1L = defineComponent({
+const __default__$1M = defineComponent({
   name: "ElAlert"
 });
-const _sfc_main$2r = /* @__PURE__ */ defineComponent({
-  ...__default__$1L,
+const _sfc_main$2s = /* @__PURE__ */ defineComponent({
+  ...__default__$1M,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11881,7 +11882,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -12046,11 +12047,11 @@ const filterFields = (fields, props) => {
 };
 
 const COMPONENT_NAME$m = "ElForm";
-const __default__$1K = defineComponent({
+const __default__$1L = defineComponent({
   name: COMPONENT_NAME$m
 });
-const _sfc_main$2q = /* @__PURE__ */ defineComponent({
-  ...__default__$1K,
+const _sfc_main$2r = /* @__PURE__ */ defineComponent({
+  ...__default__$1L,
   props: formProps,
   emits: formEmits,
   setup(__props, { expose, emit }) {
@@ -12183,7 +12184,7 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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) {
@@ -13367,12 +13368,12 @@ var FormLabelWrap = defineComponent({
   }
 });
 
-const _hoisted_1$1a = ["role", "aria-labelledby"];
-const __default__$1J = defineComponent({
+const _hoisted_1$1b = ["role", "aria-labelledby"];
+const __default__$1K = defineComponent({
   name: "ElFormItem"
 });
-const _sfc_main$2p = /* @__PURE__ */ defineComponent({
-  ...__default__$1J,
+const _sfc_main$2q = /* @__PURE__ */ defineComponent({
+  ...__default__$1K,
   props: formItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13668,11 +13669,11 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
             _: 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
@@ -13850,15 +13851,15 @@ const inputEmits = {
   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 = 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 = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$2o = /* @__PURE__ */ defineComponent({
-  ...__default__$1I,
+const _sfc_main$2p = /* @__PURE__ */ defineComponent({
+  ...__default__$1J,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -14160,7 +14161,7 @@ const _sfc_main$2o = /* @__PURE__ */ defineComponent({
               onInput: handleInput,
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_2$J),
+            }), null, 16, _hoisted_2$K),
             createCommentVNode(" suffix slot "),
             unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
               key: 1,
@@ -14259,18 +14260,18 @@ const _sfc_main$2o = /* @__PURE__ */ defineComponent({
             onInput: handleInput,
             onChange: handleChange,
             onKeydown: handleKeydown
-          }), null, 16, _hoisted_3$l),
+          }), null, 16, _hoisted_3$m),
           unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
             key: 0,
             style: normalizeStyle(countStyle.value),
             class: normalizeClass(unref(nsInput).e("count"))
           }, toDisplayString(unref(textLength)) + " / " + toDisplayString(_ctx.maxlength), 7)) : 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);
 
@@ -14320,7 +14321,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$k = "Thumb";
-const _sfc_main$2n = /* @__PURE__ */ defineComponent({
+const _sfc_main$2o = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14439,7 +14440,7 @@ const _sfc_main$2n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14452,7 +14453,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$2m = /* @__PURE__ */ defineComponent({
+const _sfc_main$2n = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14510,7 +14511,7 @@ const _sfc_main$2m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14563,11 +14564,11 @@ const scrollbarEmits = {
 };
 
 const COMPONENT_NAME$j = "ElScrollbar";
-const __default__$1H = defineComponent({
+const __default__$1I = defineComponent({
   name: COMPONENT_NAME$j
 });
-const _sfc_main$2l = /* @__PURE__ */ defineComponent({
-  ...__default__$1H,
+const _sfc_main$2m = /* @__PURE__ */ defineComponent({
+  ...__default__$1I,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -14716,7 +14717,7 @@ const _sfc_main$2l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -14746,12 +14747,12 @@ const popperProps = buildProps({
 });
 const usePopperProps = popperProps;
 
-const __default__$1G = defineComponent({
+const __default__$1H = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$2k = /* @__PURE__ */ defineComponent({
-  ...__default__$1G,
+const _sfc_main$2l = /* @__PURE__ */ defineComponent({
+  ...__default__$1H,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14774,7 +14775,7 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14784,12 +14785,12 @@ const popperArrowProps = buildProps({
 });
 const usePopperArrowProps = popperArrowProps;
 
-const __default__$1F = defineComponent({
+const __default__$1G = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$2j = /* @__PURE__ */ defineComponent({
-  ...__default__$1F,
+const _sfc_main$2k = /* @__PURE__ */ defineComponent({
+  ...__default__$1G,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14815,7 +14816,7 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
@@ -14903,12 +14904,12 @@ const popperTriggerProps = buildProps({
 });
 const usePopperTriggerProps = popperTriggerProps;
 
-const __default__$1E = defineComponent({
+const __default__$1F = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$2i = /* @__PURE__ */ defineComponent({
-  ...__default__$1E,
+const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+  ...__default__$1F,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15006,7 +15007,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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";
@@ -15156,7 +15157,7 @@ const createFocusOutPreventedEvent = (detail) => {
   });
 };
 
-const _sfc_main$2h = defineComponent({
+const _sfc_main$2i = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15395,7 +15396,7 @@ const _sfc_main$2h = defineComponent({
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return 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({
@@ -15686,11 +15687,11 @@ const usePopperContentFocusTrap = (props, emit) => {
   };
 };
 
-const __default__$1D = defineComponent({
+const __default__$1E = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  ...__default__$1D,
+const _sfc_main$2h = /* @__PURE__ */ defineComponent({
+  ...__default__$1E,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -15806,7 +15807,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -15888,11 +15889,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$1C = defineComponent({
+const __default__$1D = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1C,
+const _sfc_main$2g = /* @__PURE__ */ defineComponent({
+  ...__default__$1D,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15951,7 +15952,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -15961,7 +15962,7 @@ const teleportProps = buildProps({
   disabled: Boolean
 });
 
-const _sfc_main$2e = /* @__PURE__ */ defineComponent({
+const _sfc_main$2f = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -15975,17 +15976,17 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1C = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  ...__default__$1B,
+const _sfc_main$2e = /* @__PURE__ */ defineComponent({
+  ...__default__$1C,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16146,15 +16147,15 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const _hoisted_1$19 = ["innerHTML"];
+const _hoisted_2$J = { key: 1 };
+const __default__$1B = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$2c = /* @__PURE__ */ defineComponent({
-  ...__default__$1A,
+const _sfc_main$2d = /* @__PURE__ */ defineComponent({
+  ...__default__$1B,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -16291,7 +16292,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
                 _ctx.rawContent ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   innerHTML: _ctx.content
-                }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("span", _hoisted_2$I, toDisplayString(_ctx.content), 1))
+                }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("span", _hoisted_2$J, toDisplayString(_ctx.content), 1))
               ]),
               _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
                 key: 0,
@@ -16306,7 +16307,7 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16385,16 +16386,16 @@ const autocompleteEmits = {
   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 = defineComponent({
+const __default__$1A = defineComponent({
   name: COMPONENT_NAME$i,
   inheritAttrs: false
 });
-const _sfc_main$2b = /* @__PURE__ */ defineComponent({
-  ...__default__$1z,
+const _sfc_main$2c = /* @__PURE__ */ defineComponent({
+  ...__default__$1A,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -16632,7 +16633,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
               role: "listbox"
             }, {
               default: withCtx(() => [
-                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$H, [
+                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2$I, [
                   renderSlot(_ctx.$slots, "loading", {}, () => [
                     createVNode(unref(ElIcon), {
                       class: normalizeClass(unref(ns).is("loading"))
@@ -16655,7 +16656,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "default", { item }, () => [
                       createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                     ])
-                  ], 10, _hoisted_3$k);
+                  ], 10, _hoisted_3$l);
                 }), 128))
               ]),
               _: 3
@@ -16721,14 +16722,14 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
                 ])
               } : 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);
 
@@ -16762,12 +16763,12 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const _hoisted_1$16 = ["src", "alt", "srcset"];
-const __default__$1y = defineComponent({
+const _hoisted_1$17 = ["src", "alt", "srcset"];
+const __default__$1z = defineComponent({
   name: "ElAvatar"
 });
-const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$1y,
+const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+  ...__default__$1z,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -16811,7 +16812,7 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
           srcset: _ctx.srcSet,
           style: normalizeStyle(unref(fitStyle)),
           onError: handleError
-        }, null, 44, _hoisted_1$16)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+        }, null, 44, _hoisted_1$17)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
           ]),
@@ -16821,7 +16822,7 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16882,11 +16883,11 @@ const useBackTop = (props, emit, componentName) => {
 };
 
 const COMPONENT_NAME$h = "ElBacktop";
-const __default__$1x = defineComponent({
+const __default__$1y = defineComponent({
   name: COMPONENT_NAME$h
 });
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1x,
+const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+  ...__default__$1y,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -16925,7 +16926,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16962,12 +16963,12 @@ const badgeProps = buildProps({
   }
 });
 
-const _hoisted_1$15 = ["textContent"];
-const __default__$1w = defineComponent({
+const _hoisted_1$16 = ["textContent"];
+const __default__$1x = defineComponent({
   name: "ElBadge"
 });
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1w,
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+  ...__default__$1x,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -17017,7 +17018,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
               ]),
               style: normalizeStyle(unref(style)),
               textContent: toDisplayString(unref(content))
-            }, null, 14, _hoisted_1$15), [
+            }, null, 14, _hoisted_1$16), [
               [vShow, !_ctx.hidden && (unref(content) || _ctx.isDot)]
             ])
           ]),
@@ -17027,7 +17028,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -17043,12 +17044,12 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const _hoisted_1$14 = ["aria-label"];
-const __default__$1v = defineComponent({
+const _hoisted_1$15 = ["aria-label"];
+const __default__$1w = defineComponent({
   name: "ElBreadcrumb"
 });
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1v,
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+  ...__default__$1w,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -17071,11 +17072,11 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
         role: "navigation"
       }, [
         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: {
@@ -17085,11 +17086,11 @@ const breadcrumbItemProps = buildProps({
   replace: Boolean
 });
 
-const __default__$1u = defineComponent({
+const __default__$1v = defineComponent({
   name: "ElBreadcrumbItem"
 });
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1u,
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+  ...__default__$1v,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -17134,7 +17135,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -18188,11 +18189,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$1t = defineComponent({
+const __default__$1u = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
-  ...__default__$1t,
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+  ...__default__$1u,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -18258,18 +18259,18 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1t = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1s,
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+  ...__default__$1t,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -18287,7 +18288,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -18653,6 +18654,7 @@ const DEFAULT_FORMATS_DATEPICKER = {
   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}`
 };
@@ -18829,13 +18831,13 @@ const timePickerDefaultProps = buildProps({
   ...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 = defineComponent({
+const _hoisted_1$14 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_2$H = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const __default__$1s = defineComponent({
   name: "Picker"
 });
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
-  ...__default__$1r,
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+  ...__default__$1s,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -19411,7 +19413,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
               onChange: handleStartChange,
               onFocus: handleFocusInput,
               onBlur: handleBlurInput
-            }, null, 42, _hoisted_1$13),
+            }, null, 42, _hoisted_1$14),
             renderSlot(_ctx.$slots, "range-separator", {}, () => [
               createElementVNode("span", {
                 class: normalizeClass(unref(nsRange).b("separator"))
@@ -19431,7 +19433,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
               onBlur: handleBlurInput,
               onInput: handleEndInput,
               onChange: handleEndChange
-            }, null, 42, _hoisted_2$G),
+            }, null, 42, _hoisted_2$H),
             _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
               key: 1,
               class: normalizeClass(unref(clearIconKls)),
@@ -19470,7 +19472,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -19778,9 +19780,9 @@ const basicTimeSpinnerProps = buildProps({
   ...disabledTimeListsProps
 });
 
-const _hoisted_1$12 = ["onClick"];
-const _hoisted_2$F = ["onMouseenter"];
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$13 = ["onClick"];
+const _hoisted_2$G = ["onMouseenter"];
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
   __name: "basic-time-spinner",
   props: basicTimeSpinnerProps,
   emits: ["change", "select-range", "set-option"],
@@ -20006,7 +20008,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
                   ], 64))
-                ], 10, _hoisted_1$12);
+                ], 10, _hoisted_1$13);
               }), 128))
             ]),
             _: 2
@@ -20060,15 +20062,15 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
                 ], 2);
               }), 128))
             ], 2)
-          ], 42, _hoisted_2$F);
+          ], 42, _hoisted_2$G);
         }), 128)) : 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__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
   __name: "panel-time-pick",
   props: panelTimePickerProps,
   emits: ["pick", "select-range", "set-picker-option"],
@@ -20220,7 +20222,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -20229,8 +20231,8 @@ const panelTimeRangeProps = buildProps({
   }
 });
 
-const _hoisted_1$11 = ["disabled"];
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$12 = ["disabled"];
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
   __name: "panel-time-range",
   props: panelTimeRangeProps,
   emits: ["pick", "select-range", "set-picker-option"],
@@ -20492,13 +20494,13 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
             class: normalizeClass([unref(nsTime).be("panel", "btn"), "confirm"]),
             disabled: unref(btnConfirmDisabled),
             onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
-          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$11)
+          }, toDisplayString(unref(t)("el.datepicker.confirm")), 11, _hoisted_1$12)
         ], 2)
       ], 2)) : 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 = defineComponent({
@@ -20746,13 +20748,13 @@ const useDateTable = (props, emit) => {
   };
 };
 
-const _hoisted_1$10 = { key: 0 };
-const _hoisted_2$E = ["onClick"];
-const __default__$1q = defineComponent({
+const _hoisted_1$11 = { key: 0 };
+const _hoisted_2$F = ["onClick"];
+const __default__$1r = defineComponent({
   name: "DateTable"
 });
-const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+  ...__default__$1r,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -20790,7 +20792,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
         cellspacing: "0",
         cellpadding: "0"
       }, [
-        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$10, [
+        !_ctx.hideHeader ? (openBlock(), createElementBlock("thead", _hoisted_1$11, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekDays), (day) => {
             return openBlock(), createElementBlock("th", { key: day }, toDisplayString(day), 1);
           }), 128))
@@ -20819,7 +20821,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", null, toDisplayString(cell.text), 1)
                     ])
                   ], 2)
-                ], 10, _hoisted_2$E);
+                ], 10, _hoisted_2$F);
               }), 128))
             ], 2);
           }), 128))
@@ -20828,7 +20830,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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");
@@ -20957,11 +20959,11 @@ const calendarEmits = {
 };
 
 const COMPONENT_NAME$g = "ElCalendar";
-const __default__$1p = defineComponent({
+const __default__$1q = defineComponent({
   name: COMPONENT_NAME$g
 });
-const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
+  ...__default__$1q,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -21078,7 +21080,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -21103,11 +21105,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$1o = defineComponent({
+const __default__$1p = defineComponent({
   name: "ElCard"
 });
-const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
+  ...__default__$1p,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -21141,7 +21143,7 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -21484,10 +21486,10 @@ const useCarousel = (props, emit, componentName) => {
   };
 };
 
-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,
@@ -21513,11 +21515,11 @@ const _hoisted_8$2 = [
   _hoisted_7$2
 ];
 const COMPONENT_NAME$f = "ElCarousel";
-const __default__$1n = defineComponent({
+const __default__$1o = defineComponent({
   name: COMPONENT_NAME$f
 });
-const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
+  ...__default__$1o,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -21610,7 +21612,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ], 42, _hoisted_1$$), [
+            ], 42, _hoisted_1$10), [
               [
                 vShow,
                 (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) > 0)
@@ -21639,7 +21641,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ], 42, _hoisted_2$D), [
+            ], 42, _hoisted_2$E), [
               [
                 vShow,
                 (_ctx.arrow === "always" || unref(hover)) && (props.loop || unref(activeIndex) < unref(items).length - 1)
@@ -21676,8 +21678,8 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
                 "aria-label": unref(t)("el.carousel.indicator", { index: index + 1 })
               }, [
                 unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_5$7, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
-              ], 10, _hoisted_4$b)
-            ], 42, _hoisted_3$j)), [
+              ], 10, _hoisted_4$a)
+            ], 42, _hoisted_3$k)), [
               [vShow, unref(isTwoLengthShow)(index)]
             ]);
           }), 128))
@@ -21687,7 +21689,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: "" },
@@ -21808,11 +21810,11 @@ const useCarouselItem = (props, componentName) => {
   };
 };
 
-const __default__$1m = defineComponent({
+const __default__$1n = defineComponent({
   name: "ElCarouselItem"
 });
-const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
+  ...__default__$1n,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -21871,7 +21873,7 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -22150,13 +22152,13 @@ const useCheckbox = (props, slots) => {
   };
 };
 
-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 = 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 = defineComponent({
   name: "ElCheckbox"
 });
-const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+const _sfc_main$1X = /* @__PURE__ */ defineComponent({
+  ...__default__$1m,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -22223,7 +22225,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
                 onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
                 onClick: _cache[4] || (_cache[4] = withModifiers(() => {
                 }, ["stop"]))
-              }, null, 42, _hoisted_1$_)), [
+              }, null, 42, _hoisted_1$$)), [
                 [vModelCheckbox, unref(model)]
               ]) : withDirectives((openBlock(), createElementBlock("input", {
                 key: 1,
@@ -22241,7 +22243,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
                 onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
                 onClick: _cache[9] || (_cache[9] = withModifiers(() => {
                 }, ["stop"]))
-              }, null, 42, _hoisted_2$C)), [
+              }, null, 42, _hoisted_2$D)), [
                 [vModelCheckbox, unref(model)]
               ]),
               createElementVNode("span", {
@@ -22264,15 +22266,15 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const _hoisted_1$_ = ["name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_2$C = ["name", "tabindex", "disabled", "value"];
+const __default__$1l = defineComponent({
   name: "ElCheckboxButton"
 });
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+  ...__default__$1l,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -22328,7 +22330,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
           onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false),
           onClick: _cache[4] || (_cache[4] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_1$Z)), [
+        }, null, 42, _hoisted_1$_)), [
           [vModelCheckbox, unref(model)]
         ]) : withDirectives((openBlock(), createElementBlock("input", {
           key: 1,
@@ -22344,7 +22346,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
           onBlur: _cache[8] || (_cache[8] = ($event) => isFocused.value = false),
           onClick: _cache[9] || (_cache[9] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_2$B)), [
+        }, null, 42, _hoisted_2$C)), [
           [vModelCheckbox, unref(model)]
         ]),
         _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -22360,7 +22362,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -22388,11 +22390,11 @@ const checkboxGroupEmits = {
   change: (val) => isArray$1(val)
 };
 
-const __default__$1j = defineComponent({
+const __default__$1k = defineComponent({
   name: "ElCheckboxGroup"
 });
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+const _sfc_main$1V = /* @__PURE__ */ defineComponent({
+  ...__default__$1k,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -22450,7 +22452,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -22539,12 +22541,12 @@ const useRadio = (props, emit) => {
   };
 };
 
-const _hoisted_1$Y = ["value", "name", "disabled", "checked"];
-const __default__$1i = defineComponent({
+const _hoisted_1$Z = ["value", "name", "disabled", "checked"];
+const __default__$1j = defineComponent({
   name: "ElRadio"
 });
-const _sfc_main$1T = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+  ...__default__$1j,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -22588,7 +22590,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
             onChange: handleChange,
             onClick: _cache[3] || (_cache[3] = withModifiers(() => {
             }, ["stop"]))
-          }, null, 42, _hoisted_1$Y), [
+          }, null, 42, _hoisted_1$Z), [
             [vModelRadio, unref(modelValue)]
           ]),
           createElementVNode("span", {
@@ -22608,18 +22610,18 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const _hoisted_1$Y = ["value", "name", "disabled"];
+const __default__$1i = defineComponent({
   name: "ElRadioButton"
 });
-const _sfc_main$1S = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+const _sfc_main$1T = /* @__PURE__ */ defineComponent({
+  ...__default__$1i,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -22657,7 +22659,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
           onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
           onClick: _cache[3] || (_cache[3] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 42, _hoisted_1$X), [
+        }, null, 42, _hoisted_1$Y), [
           [vModelRadio, unref(modelValue)]
         ]),
         createElementVNode("span", {
@@ -22674,7 +22676,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -22707,12 +22709,12 @@ const radioGroupProps = buildProps({
 });
 const radioGroupEmits = radioEmits;
 
-const _hoisted_1$W = ["id", "aria-label", "aria-labelledby"];
-const __default__$1g = defineComponent({
+const _hoisted_1$X = ["id", "aria-label", "aria-labelledby"];
+const __default__$1h = defineComponent({
   name: "ElRadioGroup"
 });
-const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+  ...__default__$1h,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -22759,11 +22761,11 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
         "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
       }, [
         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,
@@ -22791,7 +22793,7 @@ var NodeContent$1 = defineComponent({
 
 const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-const _sfc_main$1Q = defineComponent({
+const _sfc_main$1R = defineComponent({
   name: "ElCascaderNode",
   components: {
     ElCheckbox,
@@ -22906,8 +22908,8 @@ const _sfc_main$1Q = defineComponent({
     };
   }
 });
-const _hoisted_1$V = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
-const _hoisted_2$A = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+const _hoisted_1$W = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _hoisted_2$B = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
@@ -22955,7 +22957,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         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 ? (openBlock(), createBlock(_component_el_icon, {
@@ -22989,11 +22991,11 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["class"]))
     ], 64)) : 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 = defineComponent({
+const _sfc_main$1Q = defineComponent({
   name: "ElCascaderMenu",
   components: {
     Loading: loading_default,
@@ -23124,7 +23126,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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) => {
@@ -23357,7 +23359,7 @@ const sortByOriginalOrder = (oldNodes, newNodes) => {
   return res;
 };
 
-const _sfc_main$1O = defineComponent({
+const _sfc_main$1P = defineComponent({
   name: "ElCascaderPanel",
   components: {
     ElCascaderMenu
@@ -23619,7 +23621,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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);
 
@@ -23649,11 +23651,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1f = defineComponent({
+const __default__$1g = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
+  ...__default__$1g,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -23733,7 +23735,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -23801,15 +23803,15 @@ const cascaderEmits = {
   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 = defineComponent({
+const __default__$1f = defineComponent({
   name: COMPONENT_NAME$e
 });
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
+  ...__default__$1f,
   props: cascaderProps,
   emits: cascaderEmits,
   setup(__props, { expose, emit }) {
@@ -24280,7 +24282,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
                   onClose: ($event) => deleteTag(tag)
                 }, {
                   default: withCtx(() => [
-                    tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$U, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(unref(ElTooltip), {
+                    tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$V, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(unref(ElTooltip), {
                       key: 1,
                       disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
                       "fallback-placements": ["bottom", "top", "right", "left"],
@@ -24339,7 +24341,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
                 onCompositionend: _cache[7] || (_cache[7] = (...args) => unref(handleComposition) && unref(handleComposition)(...args)),
                 onFocus: handleFocus,
                 onBlur: handleBlur
-              }, null, 42, _hoisted_2$z)), [
+              }, null, 42, _hoisted_2$A)), [
                 [vModelText, searchInputValue.value]
               ]) : createCommentVNode("v-if", true)
             ], 2)) : createCommentVNode("v-if", true)
@@ -24389,7 +24391,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })) : createCommentVNode("v-if", true)
-                ], 10, _hoisted_3$i);
+                ], 10, _hoisted_3$j);
               }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                 createElementVNode("li", {
                   class: normalizeClass(unref(nsCascader).e("empty-text"))
@@ -24406,7 +24408,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24423,11 +24425,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean(value)
 };
 
-const __default__$1d = defineComponent({
+const __default__$1e = defineComponent({
   name: "ElCheckTag"
 });
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+  ...__default__$1e,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -24453,7 +24455,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24488,11 +24490,11 @@ const rowProps = buildProps({
   }
 });
 
-const __default__$1c = defineComponent({
+const __default__$1d = defineComponent({
   name: "ElRow"
 });
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+  ...__default__$1d,
   props: rowProps,
   setup(__props) {
     const props = __props;
@@ -24527,7 +24529,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24574,11 +24576,11 @@ const colProps = buildProps({
   }
 });
 
-const __default__$1b = defineComponent({
+const __default__$1c = defineComponent({
   name: "ElCol"
 });
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+  ...__default__$1c,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -24631,7 +24633,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24690,11 +24692,11 @@ const useCollapseDOM = () => {
   };
 };
 
-const __default__$1a = defineComponent({
+const __default__$1b = defineComponent({
   name: "ElCollapse"
 });
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+  ...__default__$1b,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -24714,13 +24716,13 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1a = defineComponent({
   name: "ElCollapseTransition"
 });
-const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+  ...__default__$1a,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const reset = (el) => {
@@ -24798,7 +24800,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24885,13 +24887,13 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
   };
 };
 
-const _hoisted_1$T = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
-const _hoisted_2$y = ["id", "aria-hidden", "aria-labelledby"];
-const __default__$18 = 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 = defineComponent({
   name: "ElCollapseItem"
 });
-const _sfc_main$1G = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+const _sfc_main$1H = /* @__PURE__ */ defineComponent({
+  ...__default__$19,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -24943,7 +24945,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["class"])
-        ], 42, _hoisted_1$T),
+        ], 42, _hoisted_1$U),
         createVNode(unref(ElCollapseTransition), null, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", {
@@ -24958,7 +24960,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
               }, [
                 renderSlot(_ctx.$slots, "default")
               ], 2)
-            ], 10, _hoisted_2$y), [
+            ], 10, _hoisted_2$z), [
               [vShow, unref(isActive)]
             ])
           ]),
@@ -24968,7 +24970,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -25161,13 +25163,13 @@ const useAlphaSliderDOM = (props, {
   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 = defineComponent({
+const __default__$18 = defineComponent({
   name: COMPONENT_NAME$d
 });
-const _sfc_main$1F = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
+  ...__default__$18,
   props: alphaSliderProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -25214,14 +25216,14 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
           role: "slider",
           tabindex: "0",
           onKeydown: _cache[1] || (_cache[1] = (...args) => unref(handleKeydown) && 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 = defineComponent({
+const _sfc_main$1F = defineComponent({
   name: "ElColorHueSlider",
   props: {
     color: {
@@ -25341,7 +25343,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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,
@@ -25661,7 +25663,7 @@ class Color {
   }
 }
 
-const _sfc_main$1D = defineComponent({
+const _sfc_main$1E = defineComponent({
   props: {
     colors: {
       type: Array,
@@ -25710,7 +25712,7 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-const _hoisted_1$R = ["onClick"];
+const _hoisted_1$S = ["onClick"];
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.b())
@@ -25731,14 +25733,14 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", {
             style: 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 = defineComponent({
+const _sfc_main$1D = defineComponent({
   name: "ElSlPanel",
   props: {
     color: {
@@ -25808,9 +25810,9 @@ const _sfc_main$1C = defineComponent({
     };
   }
 });
-const _hoisted_1$Q = /* @__PURE__ */ createElementVNode("div", null, null, -1);
-const _hoisted_2$x = [
-  _hoisted_1$Q
+const _hoisted_1$R = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_2$y = [
+  _hoisted_1$R
 ];
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
@@ -25831,18 +25833,18 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
         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 = defineComponent({
+const _hoisted_1$Q = ["onKeydown"];
+const _hoisted_2$x = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
+const __default__$17 = defineComponent({
   name: "ElColorPicker"
 });
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+  ...__default__$17,
   props: colorPickerProps,
   emits: colorPickerEmits,
   setup(__props, { expose, emit }) {
@@ -26138,7 +26140,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])
             ], 2)
-          ], 40, _hoisted_1$P)), [
+          ], 40, _hoisted_1$Q)), [
             [unref(ClickOutside), handleClickOutside]
           ])
         ]),
@@ -26199,22 +26201,22 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
                 ], 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 = defineComponent({
+const __default__$16 = defineComponent({
   name: "ElContainer"
 });
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+  ...__default__$16,
   props: {
     direction: {
       type: String
@@ -26249,13 +26251,13 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$15 = defineComponent({
   name: "ElAside"
 });
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+  ...__default__$15,
   props: {
     width: {
       type: String,
@@ -26276,13 +26278,13 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$14 = defineComponent({
   name: "ElFooter"
 });
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+  ...__default__$14,
   props: {
     height: {
       type: String,
@@ -26303,13 +26305,13 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$13 = defineComponent({
   name: "ElHeader"
 });
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+  ...__default__$13,
   props: {
     height: {
       type: String,
@@ -26334,13 +26336,13 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$12 = defineComponent({
   name: "ElMain"
 });
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  ...__default__$11,
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+  ...__default__$12,
   setup(__props) {
     const ns = useNamespace("main");
     return (_ctx, _cache) => {
@@ -26352,7 +26354,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -27039,14 +27041,14 @@ var ElDatePickerCell = defineComponent({
   }
 });
 
-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__ */ defineComponent({
+const _hoisted_3$i = ["aria-label"];
+const _hoisted_4$9 = ["aria-current", "aria-selected", "tabindex"];
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "basic-date-table",
   props: basicDateTableProps,
   emits: basicDateTableEmits,
@@ -27091,13 +27093,13 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
           ref: tbodyRef
         }, [
           createElementVNode("tr", null, [
-            _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_2$v, toDisplayString(unref(weekLabel)), 1)) : createCommentVNode("v-if", true),
+            _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_2$w, toDisplayString(unref(weekLabel)), 1)) : createCommentVNode("v-if", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(WEEKS), (week, key) => {
               return openBlock(), createElementBlock("th", {
                 key,
                 "aria-label": unref(t)("el.datepicker.weeksFull." + week),
                 scope: "col"
-              }, toDisplayString(unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$h);
+              }, toDisplayString(unref(t)("el.datepicker.weeks." + week)), 9, _hoisted_3$i);
             }), 128))
           ]),
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rows), (row, rowKey) => {
@@ -27117,26 +27119,26 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
                   onFocus: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args))
                 }, [
                   createVNode(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__ */ 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__ */ defineComponent({
   __name: "basic-month-table",
   props: basicMonthTableProps,
   emits: ["changerange", "pick", "select"],
@@ -27326,35 +27328,31 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
                   ]
                 }, [
                   createElementVNode("div", null, [
-                    createElementVNode("span", _hoisted_3$g, toDisplayString(unref(t)("el.datepicker.months." + months.value[cell.text])), 1)
+                    createElementVNode("span", _hoisted_3$h, toDisplayString(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__ */ 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__ */ defineComponent({
   __name: "basic-year-table",
   props: basicYearTableProps,
-  emits: ["pick"],
+  emits: ["changerange", "pick", "select"],
   setup(__props, { expose, emit }) {
     const props = __props;
     const datesInYear = (year, lang2) => {
@@ -27370,38 +27368,132 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     const startYear = computed(() => {
       return Math.floor(props.date.year() / 10) * 10;
     });
+    const tableRows = ref([[], [], []]);
+    const lastRow = ref();
+    const lastColumn = ref();
+    const rows = 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")
+        });
       }
     };
     watch(() => props.date, async () => {
@@ -27419,51 +27511,49 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
         role: "grid",
         "aria-label": unref(t)("el.datepicker.yearTablePrompt"),
         class: normalizeClass(unref(ns).b()),
-        onClick: handleYearTableClick
+        onClick: handleYearTableClick,
+        onMousemove: handleMouseMove
       }, [
         createElementVNode("tbody", {
           ref_key: "tbodyRef",
           ref: tbodyRef
         }, [
-          (openBlock(), createElementBlock(Fragment, null, renderList(3, (_, i) => {
-            return createElementVNode("tr", { key: i }, [
-              (openBlock(), createElementBlock(Fragment, null, renderList(4, (__, j) => {
-                return openBlock(), createElementBlock(Fragment, {
-                  key: i + "_" + j
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rows), (row, rowKey) => {
+            return openBlock(), createElementBlock("tr", { key: rowKey }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, cellKey) => {
+                return openBlock(), createElementBlock("td", {
+                  key: `${rowKey}_${cellKey}`,
+                  ref_for: true,
+                  ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
+                  class: normalizeClass(["available", getCellKls(cell)]),
+                  "aria-selected": isSelectedCell(cell),
+                  "aria-label": String(cell.text),
+                  tabindex: isSelectedCell(cell) ? 0 : -1,
+                  onKeydown: [
+                    withKeys(withModifiers(handleYearTableClick, ["prevent", "stop"]), ["space"]),
+                    withKeys(withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
+                  ]
                 }, [
-                  i * 4 + j < 10 ? (openBlock(), createElementBlock("td", {
-                    key: 0,
-                    ref_for: true,
-                    ref: (el) => isSelectedCell(unref(startYear) + i * 4 + j) && (currentCellRef.value = el),
-                    class: normalizeClass(["available", getCellKls(unref(startYear) + i * 4 + j)]),
-                    "aria-selected": `${isSelectedCell(unref(startYear) + i * 4 + j)}`,
-                    tabindex: isSelectedCell(unref(startYear) + i * 4 + j) ? 0 : -1,
-                    onKeydown: [
-                      withKeys(withModifiers(handleYearTableClick, ["prevent", "stop"]), ["space"]),
-                      withKeys(withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
-                    ]
-                  }, [
-                    createElementVNode("div", null, [
-                      createElementVNode("span", _hoisted_3$f, toDisplayString(unref(startYear) + i * 4 + j), 1)
-                    ])
-                  ], 42, _hoisted_2$t)) : (openBlock(), createElementBlock("td", _hoisted_4$9))
-                ], 64);
-              }), 64))
+                  createElementVNode("div", null, [
+                    createElementVNode("span", _hoisted_3$g, 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__ */ defineComponent({
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
   props: panelDatePickProps,
   emits: ["pick", "set-picker-option", "panel-change"],
@@ -27911,7 +28001,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => handleShortcutClick(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$L);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$M);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -27976,7 +28066,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_2$s),
+                ], 10, _hoisted_2$t),
                 withDirectives(createElementVNode("button", {
                   type: "button",
                   "aria-label": unref(t)(`el.datepicker.prevMonth`),
@@ -27989,7 +28079,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$e), [
+                ], 10, _hoisted_3$f), [
                   [vShow, currentView.value === "date"]
                 ])
               ], 2),
@@ -28123,7 +28213,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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,
@@ -28230,17 +28320,17 @@ const useRangePicker = (props, {
   };
 };
 
-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__ */ defineComponent({
+const unit$2 = "month";
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
   props: panelDateRangeProps,
   emits: [
@@ -28258,7 +28348,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     const defaultValue = toRef(pickerBase.props, "defaultValue");
     const { lang } = useLocale();
     const leftDate = ref(dayjs().locale(lang.value));
-    const rightDate = ref(dayjs().locale(lang.value).add(1, unit$1));
+    const rightDate = ref(dayjs().locale(lang.value).add(1, unit$2));
     const {
       minDate,
       maxDate,
@@ -28274,7 +28364,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
       defaultValue,
       leftDate,
       rightDate,
-      unit: unit$1,
+      unit: unit$2,
       onParsedValueChanged
     });
     const dateUserInput = ref({
@@ -28545,9 +28635,9 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
         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());
         }
@@ -28584,7 +28674,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$K);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$L);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -28707,7 +28797,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_2$r),
+                ], 10, _hoisted_2$s),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-left"]),
@@ -28720,7 +28810,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$d),
+                ], 10, _hoisted_3$e),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   type: "button",
@@ -28884,7 +28974,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -28943,15 +29033,15 @@ const useMonthRangeHeader = ({
   };
 };
 
-const _hoisted_1$J = ["onClick"];
-const _hoisted_2$q = ["disabled"];
-const _hoisted_3$c = ["disabled"];
-const unit = "year";
-const __default__$10 = defineComponent({
+const _hoisted_1$K = ["onClick"];
+const _hoisted_2$r = ["disabled"];
+const _hoisted_3$d = ["disabled"];
+const unit$1 = "year";
+const __default__$11 = defineComponent({
   name: "DatePickerMonthRange"
 });
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  ...__default__$10,
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+  ...__default__$11,
   props: panelMonthRangeProps,
   emits: panelMonthRangeEmits,
   setup(__props, { emit }) {
@@ -28962,7 +29052,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     const format = toRef(pickerBase.props, "format");
     const defaultValue = toRef(pickerBase.props, "defaultValue");
     const leftDate = ref(dayjs().locale(lang.value));
-    const rightDate = ref(dayjs().locale(lang.value).add(1, unit));
+    const rightDate = ref(dayjs().locale(lang.value).add(1, unit$1));
     const {
       minDate,
       maxDate,
@@ -28977,7 +29067,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
       defaultValue,
       leftDate,
       rightDate,
-      unit,
+      unit: unit$1,
       onParsedValueChanged
     });
     const hasShortcuts = computed(() => !!shortcuts.length);
@@ -29030,9 +29120,9 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
       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]);
@@ -29065,7 +29155,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: normalizeClass(unref(ppNs).e("shortcut")),
                 onClick: ($event) => unref(handleShortcutClick)(shortcut)
-              }, toDisplayString(shortcut.text), 11, _hoisted_1$J);
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$K);
             }), 128))
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -29105,7 +29195,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_2$q)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_2$r)) : createCommentVNode("v-if", true),
                 createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
               ], 2),
               createVNode(MonthTable, {
@@ -29139,7 +29229,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$c)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_3$d)) : createCommentVNode("v-if", true),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -29172,7 +29262,361 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = computed(() => {
+    const leftStartDate = Math.floor(leftDate.value.year() / 10) * 10;
+    return `${leftStartDate}-${leftStartDate + 9}`;
+  });
+  const rightLabel = computed(() => {
+    const rightStartDate = Math.floor(rightDate.value.year() / 10) * 10;
+    return `${rightStartDate}-${rightStartDate + 9}`;
+  });
+  const leftYear = computed(() => {
+    const leftEndDate = Math.floor(leftDate.value.year() / 10) * 10 + 9;
+    return leftEndDate;
+  });
+  const rightYear = 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 = defineComponent({
+  name: "DatePickerYearRange"
+});
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+  ...__default__$10,
+  props: panelYearRangeProps,
+  emits: panelYearRangeEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const { lang } = useLocale();
+    const leftDate = ref(dayjs().locale(lang.value));
+    const rightDate = ref(leftDate.value.add(10, "year"));
+    const { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY);
+    const drpNs = useNamespace("date-range-picker");
+    const hasShortcuts = computed(() => !!shortcuts.length);
+    const panelKls = computed(() => [
+      ppNs.b(),
+      drpNs.b(),
+      {
+        "has-sidebar": Boolean(useSlots().sidebar) || hasShortcuts.value
+      }
+    ]);
+    const leftPanelKls = 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 = 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: toRef(props, "unlinkPanels"),
+      leftDate,
+      rightDate
+    });
+    const enableYearArrow = computed(() => {
+      return props.unlinkPanels && rightYear.value > leftYear.value + 1;
+    });
+    const minDate = ref();
+    const maxDate = ref();
+    const rangeState = 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 = inject("EP_PICKER_BASE");
+    const { shortcuts, disabledDate } = pickerBase.props;
+    const format = toRef(pickerBase.props, "format");
+    const defaultValue = 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)];
+    };
+    watch(() => defaultValue.value, (val) => {
+      if (val) {
+        const defaultArr = getDefaultValue();
+        leftDate.value = defaultArr[0];
+        rightDate.value = defaultArr[1];
+      }
+    }, { immediate: true });
+    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 openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(panelKls))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ppNs).e("body-wrapper"))
+        }, [
+          renderSlot(_ctx.$slots, "sidebar", {
+            class: normalizeClass(unref(ppNs).e("sidebar"))
+          }),
+          unref(hasShortcuts) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ppNs).e("sidebar"))
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(shortcuts), (shortcut, key) => {
+              return openBlock(), createElementBlock("button", {
+                key,
+                type: "button",
+                class: normalizeClass(unref(ppNs).e("shortcut")),
+                onClick: ($event) => unref(handleShortcutClick)(shortcut)
+              }, toDisplayString(shortcut.text), 11, _hoisted_1$J);
+            }), 128))
+          ], 2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ppNs).e("body"))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(leftPanelKls).content)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(drpNs).e("header"))
+              }, [
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass(unref(leftPanelKls).arrowLeftBtn),
+                  onClick: _cache[0] || (_cache[0] = (...args) => unref(leftPrevYear) && unref(leftPrevYear)(...args))
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(d_arrow_left_default))
+                    ]),
+                    _: 1
+                  })
+                ], 2),
+                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  disabled: !unref(enableYearArrow),
+                  class: normalizeClass(unref(leftPanelKls).arrowRightBtn),
+                  onClick: _cache[1] || (_cache[1] = (...args) => unref(leftNextYear) && unref(leftNextYear)(...args))
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(d_arrow_right_default))
+                    ]),
+                    _: 1
+                  })
+                ], 10, _hoisted_2$q)) : createCommentVNode("v-if", true),
+                createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
+              ], 2),
+              createVNode(YearTable, {
+                "selection-mode": "range",
+                date: leftDate.value,
+                "min-date": minDate.value,
+                "max-date": maxDate.value,
+                "range-state": rangeState.value,
+                "disabled-date": unref(disabledDate),
+                onChangerange: handleChangeRange,
+                onPick: handleRangePick,
+                onSelect
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(unref(rightPanelKls).content)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(drpNs).e("header"))
+              }, [
+                _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  disabled: !unref(enableYearArrow),
+                  class: normalizeClass(unref(rightPanelKls).arrowLeftBtn),
+                  onClick: _cache[2] || (_cache[2] = (...args) => unref(rightPrevYear) && unref(rightPrevYear)(...args))
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(d_arrow_left_default))
+                    ]),
+                    _: 1
+                  })
+                ], 10, _hoisted_3$c)) : createCommentVNode("v-if", true),
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass(unref(rightPanelKls).arrowRightBtn),
+                  onClick: _cache[3] || (_cache[3] = (...args) => unref(rightNextYear) && unref(rightNextYear)(...args))
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(d_arrow_right_default))
+                    ]),
+                    _: 1
+                  })
+                ], 2),
+                createElementVNode("div", null, toDisplayString(unref(rightLabel)), 1)
+              ], 2),
+              createVNode(YearTable, {
+                "selection-mode": "range",
+                date: rightDate.value,
+                "min-date": minDate.value,
+                "max-date": maxDate.value,
+                "range-state": rangeState.value,
+                "disabled-date": unref(disabledDate),
+                onChangerange: handleChangeRange,
+                onPick: handleRangePick,
+                onSelect
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+            ], 2)
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+var YearRangePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "panel-year-range.vue"]]);
 
 const getPanel = function(type) {
   switch (type) {
@@ -29183,6 +29627,9 @@ const getPanel = function(type) {
     case "monthrange": {
       return MonthRangePickPanel;
     }
+    case "yearrange": {
+      return YearRangePickPanel;
+    }
     default: {
       return DatePickPanel;
     }
@@ -41806,7 +42253,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       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);