@element-plus/nightly 0.0.20241026 → 0.0.20241027

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20241026 */
+/*! Element Plus v0.0.20241027 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -18,7 +18,7 @@
     if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute("tabIndex") !== null) {
       return true;
     }
-    if (element.disabled) {
+    if (element.tabIndex < 0 || element.hasAttribute("disabled") || element.getAttribute("aria-disabled") === "true") {
       return false;
     }
     switch (element.nodeName) {
@@ -9645,7 +9645,7 @@
   const useId = (deterministicId) => {
     const idInjection = useIdInjection();
     const namespace = useGetDerivedNamespace();
-    const idRef = vue.computed(() => vue.unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
+    const idRef = computedEager(() => vue.unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
     return idRef;
   };
 
@@ -11560,7 +11560,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20241026";
+  const version$1 = "0.0.20241027";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11610,11 +11610,11 @@
   };
 
   const COMPONENT_NAME$n = "ElAffix";
-  const __default__$1P = vue.defineComponent({
+  const __default__$1Q = vue.defineComponent({
     name: COMPONENT_NAME$n
   });
-  const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1P,
+  const _sfc_main$2w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1Q,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11719,7 +11719,7 @@
       };
     }
   });
-  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "affix.vue"]]);
+  var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["__file", "affix.vue"]]);
 
   const ElAffix = withInstall(Affix);
 
@@ -11732,12 +11732,12 @@
     }
   });
 
-  const __default__$1O = vue.defineComponent({
+  const __default__$1P = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1O,
+  const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1P,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11761,7 +11761,7 @@
       };
     }
   });
-  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "icon.vue"]]);
+  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "icon.vue"]]);
 
   const ElIcon = withInstall(Icon);
 
@@ -11800,11 +11800,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1N = vue.defineComponent({
+  const __default__$1O = vue.defineComponent({
     name: "ElAlert"
   });
-  const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1N,
+  const _sfc_main$2u = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1O,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11889,7 +11889,7 @@
       };
     }
   });
-  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "alert.vue"]]);
+  var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "alert.vue"]]);
 
   const ElAlert = withInstall(Alert);
 
@@ -12054,11 +12054,11 @@
   };
 
   const COMPONENT_NAME$m = "ElForm";
-  const __default__$1M = vue.defineComponent({
+  const __default__$1N = vue.defineComponent({
     name: COMPONENT_NAME$m
   });
-  const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1M,
+  const _sfc_main$2t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1N,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -12191,7 +12191,7 @@
       };
     }
   });
-  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "form.vue"]]);
+  var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "form.vue"]]);
 
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -13375,11 +13375,11 @@
     }
   });
 
-  const __default__$1L = vue.defineComponent({
+  const __default__$1M = vue.defineComponent({
     name: "ElFormItem"
   });
-  const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1L,
+  const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1M,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13679,7 +13679,7 @@
       };
     }
   });
-  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "form-item.vue"]]);
+  var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "form-item.vue"]]);
 
   const ElForm = withInstall(Form, {
     FormItem
@@ -13857,27 +13857,19 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const __default__$1K = vue.defineComponent({
+  const __default__$1L = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
-  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1K,
+  const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1L,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
       const rawAttrs = vue.useAttrs();
+      const attrs = useAttrs();
       const slots = vue.useSlots();
-      const containerAttrs = vue.computed(() => {
-        const comboBoxAttrs = {};
-        if (props.containerRole === "combobox") {
-          comboBoxAttrs["aria-haspopup"] = rawAttrs["aria-haspopup"];
-          comboBoxAttrs["aria-owns"] = rawAttrs["aria-owns"];
-          comboBoxAttrs["aria-expanded"] = rawAttrs["aria-expanded"];
-        }
-        return comboBoxAttrs;
-      });
       const containerKls = vue.computed(() => [
         props.type === "textarea" ? nsTextarea.b() : nsInput.b(),
         nsInput.m(inputSize.value),
@@ -13896,11 +13888,6 @@
         nsInput.e("wrapper"),
         nsInput.is("focus", isFocused.value)
       ]);
-      const attrs = useAttrs({
-        excludeKeys: vue.computed(() => {
-          return Object.keys(containerAttrs.value);
-        })
-      });
       const { form: elForm, formItem: elFormItem } = useFormItem();
       const { inputId } = useFormItemInputId(props, {
         formItemContext: elFormItem
@@ -14096,19 +14083,18 @@
         resizeTextarea
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(vue.unref(containerAttrs), {
-          class: [
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([
             vue.unref(containerKls),
             {
               [vue.unref(nsInput).bm("group", "append")]: _ctx.$slots.append,
               [vue.unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend
             }
-          ],
-          style: vue.unref(containerStyle),
-          role: _ctx.containerRole,
+          ]),
+          style: vue.normalizeStyle(vue.unref(containerStyle)),
           onMouseenter: handleMouseEnter,
           onMouseleave: handleMouseLeave
-        }), [
+        }, [
           vue.createCommentVNode(" input "),
           _ctx.type !== "textarea" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.createCommentVNode(" prepend slot "),
@@ -14161,13 +14147,14 @@
                 style: _ctx.inputStyle,
                 form: _ctx.form,
                 autofocus: _ctx.autofocus,
+                role: _ctx.containerRole,
                 onCompositionstart: vue.unref(handleCompositionStart),
                 onCompositionupdate: vue.unref(handleCompositionUpdate),
                 onCompositionend: vue.unref(handleCompositionEnd),
                 onInput: handleInput,
                 onChange: handleChange,
                 onKeydown: handleKeydown
-              }), null, 16, ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
+              }), null, 16, ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "role", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -14260,6 +14247,7 @@
               form: _ctx.form,
               autofocus: _ctx.autofocus,
               rows: _ctx.rows,
+              role: _ctx.containerRole,
               onCompositionstart: vue.unref(handleCompositionStart),
               onCompositionupdate: vue.unref(handleCompositionUpdate),
               onCompositionend: vue.unref(handleCompositionEnd),
@@ -14268,18 +14256,18 @@
               onBlur: vue.unref(handleBlur),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onFocus", "onBlur"]),
+            }), null, 16, ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows", "role", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onFocus", "onBlur"]),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(_ctx.maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, ["role"]);
+        ], 38);
       };
     }
   });
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "input.vue"]]);
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "input.vue"]]);
 
   const ElInput = withInstall(Input);
 
@@ -14329,7 +14317,7 @@
   });
 
   const COMPONENT_NAME$k = "Thumb";
-  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14448,7 +14436,7 @@
       };
     }
   });
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "thumb.vue"]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "thumb.vue"]]);
 
   const barProps = buildProps({
     always: {
@@ -14461,7 +14449,7 @@
     }
   });
 
-  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14519,7 +14507,7 @@
       };
     }
   });
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "bar.vue"]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "bar.vue"]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -14576,11 +14564,11 @@
   };
 
   const COMPONENT_NAME$j = "ElScrollbar";
-  const __default__$1J = vue.defineComponent({
+  const __default__$1K = vue.defineComponent({
     name: COMPONENT_NAME$j
   });
-  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1J,
+  const _sfc_main$2o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1K,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -14732,7 +14720,7 @@
       };
     }
   });
-  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "scrollbar.vue"]]);
+  var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "scrollbar.vue"]]);
 
   const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -14762,12 +14750,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1I = vue.defineComponent({
+  const __default__$1J = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1I,
+  const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1J,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14790,7 +14778,7 @@
       };
     }
   });
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "popper.vue"]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "popper.vue"]]);
 
   const popperArrowProps = buildProps({
     arrowOffset: {
@@ -14800,12 +14788,12 @@
   });
   const usePopperArrowProps = popperArrowProps;
 
-  const __default__$1H = vue.defineComponent({
+  const __default__$1I = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1H,
+  const _sfc_main$2m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1I,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14831,7 +14819,7 @@
       };
     }
   });
-  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "arrow.vue"]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "arrow.vue"]]);
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
@@ -14919,12 +14907,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1G = vue.defineComponent({
+  const __default__$1H = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1G,
+  const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1H,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14978,18 +14966,20 @@
                 (_a = prevEl == null ? void 0 : prevEl.removeEventListener) == null ? void 0 : _a.call(prevEl, eventName.slice(2).toLowerCase(), handler);
               }
             });
-            virtualTriggerAriaStopWatch = vue.watch([ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded], (watches) => {
-              [
-                "aria-controls",
-                "aria-describedby",
-                "aria-haspopup",
-                "aria-expanded"
-              ].forEach((key, idx) => {
-                isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
-              });
-            }, { immediate: true });
+            if (isFocusable(el)) {
+              virtualTriggerAriaStopWatch = vue.watch([ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded], (watches) => {
+                [
+                  "aria-controls",
+                  "aria-describedby",
+                  "aria-haspopup",
+                  "aria-expanded"
+                ].forEach((key, idx) => {
+                  isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
+                });
+              }, { immediate: true });
+            }
           }
-          if (isElement$1(prevEl)) {
+          if (isElement$1(prevEl) && isFocusable(prevEl)) {
             [
               "aria-controls",
               "aria-describedby",
@@ -15033,7 +15023,7 @@
       };
     }
   });
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "trigger.vue"]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "trigger.vue"]]);
 
   const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
   const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15183,7 +15173,7 @@
     });
   };
 
-  const _sfc_main$2j = vue.defineComponent({
+  const _sfc_main$2k = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15428,7 +15418,7 @@
   function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const popperCoreConfigProps = buildProps({
@@ -15719,11 +15709,11 @@
     };
   };
 
-  const __default__$1F = vue.defineComponent({
+  const __default__$1G = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1F,
+  const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1G,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -15839,7 +15829,7 @@
       };
     }
   });
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "content.vue"]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "content.vue"]]);
 
   const ElPopper = withInstall(Popper);
 
@@ -15921,11 +15911,11 @@
     };
   };
 
-  const __default__$1E = vue.defineComponent({
+  const __default__$1F = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1E,
+  const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1F,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15984,7 +15974,7 @@
       };
     }
   });
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "trigger.vue"]]);
 
   const teleportProps = buildProps({
     to: {
@@ -15994,7 +15984,7 @@
     disabled: Boolean
   });
 
-  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
     __name: "teleport",
     props: teleportProps,
     setup(__props) {
@@ -16008,17 +15998,17 @@
       };
     }
   });
-  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "teleport.vue"]]);
+  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "teleport.vue"]]);
 
   const ElTeleport = withInstall(Teleport);
   var ElTeleport$1 = ElTeleport;
 
-  const __default__$1D = vue.defineComponent({
+  const __default__$1E = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1D,
+  const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1E,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16181,13 +16171,13 @@
       };
     }
   });
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "content.vue"]]);
 
-  const __default__$1C = vue.defineComponent({
+  const __default__$1D = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1C,
+  const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1D,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16339,7 +16329,7 @@
       };
     }
   });
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -16419,12 +16409,12 @@
   };
 
   const COMPONENT_NAME$i = "ElAutocomplete";
-  const __default__$1B = vue.defineComponent({
+  const __default__$1C = vue.defineComponent({
     name: COMPONENT_NAME$i,
     inheritAttrs: false
   });
-  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1B,
+  const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1C,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -16764,7 +16754,7 @@
       };
     }
   });
-  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "autocomplete.vue"]]);
+  var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "autocomplete.vue"]]);
 
   const ElAutocomplete = withInstall(Autocomplete);
 
@@ -16798,11 +16788,11 @@
     error: (evt) => evt instanceof Event
   };
 
-  const __default__$1A = vue.defineComponent({
+  const __default__$1B = vue.defineComponent({
     name: "ElAvatar"
   });
-  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1A,
+  const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1B,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -16856,7 +16846,7 @@
       };
     }
   });
-  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "avatar.vue"]]);
+  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "avatar.vue"]]);
 
   const ElAvatar = withInstall(Avatar);
 
@@ -16917,11 +16907,11 @@
   };
 
   const COMPONENT_NAME$h = "ElBacktop";
-  const __default__$1z = vue.defineComponent({
+  const __default__$1A = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
-  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1z,
+  const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1A,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -16960,7 +16950,7 @@
       };
     }
   });
-  var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "backtop.vue"]]);
+  var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "backtop.vue"]]);
 
   const ElBacktop = withInstall(Backtop);
 
@@ -16997,11 +16987,11 @@
     }
   });
 
-  const __default__$1y = vue.defineComponent({
+  const __default__$1z = vue.defineComponent({
     name: "ElBadge"
   });
-  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+  const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1z,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -17059,7 +17049,7 @@
       };
     }
   });
-  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "badge.vue"]]);
+  var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["__file", "badge.vue"]]);
 
   const ElBadge = withInstall(Badge);
 
@@ -17075,11 +17065,11 @@
     }
   });
 
-  const __default__$1x = vue.defineComponent({
+  const __default__$1y = vue.defineComponent({
     name: "ElBreadcrumb"
   });
-  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+  const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1y,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -17106,7 +17096,7 @@
       };
     }
   });
-  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "breadcrumb.vue"]]);
+  var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "breadcrumb.vue"]]);
 
   const breadcrumbItemProps = buildProps({
     to: {
@@ -17116,11 +17106,11 @@
     replace: Boolean
   });
 
-  const __default__$1w = vue.defineComponent({
+  const __default__$1x = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
-  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+  const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1x,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -17165,7 +17155,7 @@
       };
     }
   });
-  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "breadcrumb-item.vue"]]);
+  var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["__file", "breadcrumb-item.vue"]]);
 
   const ElBreadcrumb = withInstall(Breadcrumb, {
     BreadcrumbItem
@@ -18223,11 +18213,11 @@
     });
   }
 
-  const __default__$1v = vue.defineComponent({
+  const __default__$1w = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+  const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1w,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -18293,18 +18283,18 @@
       };
     }
   });
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "button.vue"]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "button.vue"]]);
 
   const buttonGroupProps = {
     size: buttonProps.size,
     type: buttonProps.type
   };
 
-  const __default__$1u = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1v,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -18322,7 +18312,7 @@
       };
     }
   });
-  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "button-group.vue"]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "button-group.vue"]]);
 
   const ElButton = withInstall(Button, {
     ButtonGroup
@@ -18781,8 +18771,7 @@
       type: definePropType([Array, String])
     },
     name: {
-      type: definePropType([Array, String]),
-      default: ""
+      type: definePropType([Array, String])
     },
     popperClass: {
       type: String,
@@ -18877,6 +18866,124 @@
       default: true
     }
   });
+  const timePickerRngeTriggerProps = buildProps({
+    id: {
+      type: definePropType(Array)
+    },
+    name: {
+      type: definePropType(Array)
+    },
+    modelValue: {
+      type: definePropType([Array, String])
+    },
+    startPlaceholder: String,
+    endPlaceholder: String
+  });
+
+  const __default__$1u = vue.defineComponent({
+    name: "PickerRangeTrigger",
+    inheritAttrs: false
+  });
+  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1u,
+    props: timePickerRngeTriggerProps,
+    emits: [
+      "mouseenter",
+      "mouseleave",
+      "click",
+      "touchstart",
+      "focus",
+      "blur",
+      "startInput",
+      "endInput",
+      "startChange",
+      "endChange"
+    ],
+    setup(__props, { expose, emit }) {
+      const attrs = useAttrs();
+      const nsDate = useNamespace("date");
+      const nsRange = useNamespace("range");
+      const inputRef = vue.ref();
+      const endInputRef = vue.ref();
+      const { wrapperRef, isFocused } = useFocusController(inputRef);
+      const handleClick = (evt) => {
+        emit("click", evt);
+      };
+      const handleMouseEnter = (evt) => {
+        emit("mouseenter", evt);
+      };
+      const handleMouseLeave = (evt) => {
+        emit("mouseleave", evt);
+      };
+      const handleTouchStart = (evt) => {
+        emit("mouseenter", evt);
+      };
+      const handleStartInput = (evt) => {
+        emit("startInput", evt);
+      };
+      const handleEndInput = (evt) => {
+        emit("endInput", evt);
+      };
+      const handleStartChange = (evt) => {
+        emit("startChange", evt);
+      };
+      const handleEndChange = (evt) => {
+        emit("endChange", evt);
+      };
+      const focus = () => {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+      };
+      const blur = () => {
+        var _a, _b;
+        (_a = inputRef.value) == null ? void 0 : _a.blur();
+        (_b = endInputRef.value) == null ? void 0 : _b.blur();
+      };
+      expose({
+        focus,
+        blur
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "wrapperRef",
+          ref: wrapperRef,
+          class: vue.normalizeClass([vue.unref(nsDate).is("active", vue.unref(isFocused)), _ctx.$attrs.class]),
+          style: vue.normalizeStyle(_ctx.$attrs.style),
+          onClick: handleClick,
+          onMouseenter: handleMouseEnter,
+          onMouseleave: handleMouseLeave,
+          onTouchstart: handleTouchStart
+        }, [
+          vue.renderSlot(_ctx.$slots, "prefix"),
+          vue.createElementVNode("input", vue.mergeProps(vue.unref(attrs), {
+            id: _ctx.id && _ctx.id[0],
+            ref_key: "inputRef",
+            ref: inputRef,
+            name: _ctx.name && _ctx.name[0],
+            placeholder: _ctx.startPlaceholder,
+            value: _ctx.modelValue && _ctx.modelValue[0],
+            class: vue.unref(nsRange).b("input"),
+            onInput: handleStartInput,
+            onChange: handleStartChange
+          }), null, 16, ["id", "name", "placeholder", "value"]),
+          vue.renderSlot(_ctx.$slots, "range-separator"),
+          vue.createElementVNode("input", vue.mergeProps(vue.unref(attrs), {
+            id: _ctx.id && _ctx.id[1],
+            ref_key: "endInputRef",
+            ref: endInputRef,
+            name: _ctx.name && _ctx.name[1],
+            placeholder: _ctx.endPlaceholder,
+            value: _ctx.modelValue && _ctx.modelValue[1],
+            class: vue.unref(nsRange).b("input"),
+            onInput: handleEndInput,
+            onChange: handleEndChange
+          }), null, 16, ["id", "name", "placeholder", "value"]),
+          vue.renderSlot(_ctx.$slots, "suffix")
+        ], 38);
+      };
+    }
+  });
+  var PickerRangeTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "picker-range-trigger.vue"]]);
 
   const __default__$1t = vue.defineComponent({
     name: "Picker"
@@ -18911,7 +19018,24 @@
       const pickerActualVisible = vue.ref(false);
       const valueOnOpen = vue.ref(null);
       let hasJustTabExitedInput = false;
-      let ignoreFocusEvent = false;
+      const { isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
+        beforeFocus() {
+          return !props.editable || props.readonly || pickerDisabled.value;
+        },
+        afterFocus() {
+          pickerVisible.value = true;
+        },
+        beforeBlur(event) {
+          var _a;
+          return !hasJustTabExitedInput && ((_a = refPopper.value) == null ? void 0 : _a.isFocusInsideContent(event));
+        },
+        afterBlur() {
+          handleChange();
+          pickerVisible.value = false;
+          hasJustTabExitedInput = false;
+          props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => debugWarn()));
+        }
+      });
       const rangeInputKls = vue.computed(() => [
         nsDate.b("editor"),
         nsDate.bm("editor", props.type),
@@ -18963,8 +19087,7 @@
       };
       const refInput = vue.computed(() => {
         if (inputRef.value) {
-          const _r = isRangeInput.value ? inputRef.value : inputRef.value.$el;
-          return Array.from(_r.querySelectorAll("input"));
+          return Array.from(inputRef.value.$el.querySelectorAll("input"));
         }
         return [];
       });
@@ -18980,16 +19103,7 @@
           _inputs[1].focus();
         }
       };
-      const focusOnInputBox = () => {
-        focus(true, true);
-        vue.nextTick(() => {
-          ignoreFocusEvent = false;
-        });
-      };
       const onPick = (date = "", visible = false) => {
-        if (!visible) {
-          ignoreFocusEvent = true;
-        }
         pickerVisible.value = visible;
         let result;
         if (isArray$1(date)) {
@@ -19006,15 +19120,9 @@
       const onShow = () => {
         emit("visible-change", true);
       };
-      const onKeydownPopperContent = (event) => {
-        if ((event == null ? void 0 : event.key) === EVENT_CODE.esc) {
-          focus(true, true);
-        }
-      };
       const onHide = () => {
         pickerActualVisible.value = false;
         pickerVisible.value = false;
-        ignoreFocusEvent = false;
         emit("visible-change", false);
       };
       const handleOpen = () => {
@@ -19023,45 +19131,6 @@
       const handleClose = () => {
         pickerVisible.value = false;
       };
-      const focus = (focusStartInput = true, isIgnoreFocusEvent = false) => {
-        ignoreFocusEvent = isIgnoreFocusEvent;
-        const [leftInput, rightInput] = vue.unref(refInput);
-        let input = leftInput;
-        if (!focusStartInput && isRangeInput.value) {
-          input = rightInput;
-        }
-        if (input) {
-          input.focus();
-        }
-      };
-      const handleFocusInput = (e) => {
-        if (props.readonly || pickerDisabled.value || pickerVisible.value || ignoreFocusEvent) {
-          return;
-        }
-        pickerVisible.value = true;
-        emit("focus", e);
-      };
-      let currentHandleBlurDeferCallback = void 0;
-      const handleBlurInput = (e) => {
-        const handleBlurDefer = async () => {
-          setTimeout(() => {
-            var _a;
-            if (currentHandleBlurDeferCallback === handleBlurDefer) {
-              if (!(((_a = refPopper.value) == null ? void 0 : _a.isFocusInsideContent()) && !hasJustTabExitedInput) && refInput.value.filter((input) => {
-                return input.contains(document.activeElement);
-              }).length === 0) {
-                handleChange();
-                pickerVisible.value = false;
-                emit("blur", e);
-                props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => debugWarn()));
-              }
-              hasJustTabExitedInput = false;
-            }
-          }, 0);
-        };
-        currentHandleBlurDeferCallback = handleBlurDefer;
-        handleBlurDefer();
-      };
       const pickerDisabled = vue.computed(() => {
         return props.disabled || (form == null ? void 0 : form.disabled);
       });
@@ -19125,7 +19194,6 @@
           return;
         if (showClose.value) {
           event.stopPropagation();
-          focusOnInputBox();
           if (pickerOptions.value.handleClear) {
             pickerOptions.value.handleClear();
           } else {
@@ -19145,7 +19213,7 @@
         var _a;
         if (props.readonly || pickerDisabled.value)
           return;
-        if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT" || refInput.value.includes(document.activeElement)) {
+        if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT" || isFocused.value) {
           pickerVisible.value = true;
         }
       };
@@ -19163,7 +19231,7 @@
         var _a;
         if (props.readonly || pickerDisabled.value)
           return;
-        if (((_a = event.touches[0].target) == null ? void 0 : _a.tagName) !== "INPUT" || refInput.value.includes(document.activeElement)) {
+        if (((_a = event.touches[0].target) == null ? void 0 : _a.tagName) !== "INPUT" || isFocused.value) {
           pickerVisible.value = true;
         }
       };
@@ -19175,17 +19243,10 @@
         var _a, _b;
         return (_b = (_a = vue.unref(refPopper)) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
       });
-      const actualInputRef = vue.computed(() => {
-        var _a;
-        if (vue.unref(isRangeInput)) {
-          return vue.unref(inputRef);
-        }
-        return (_a = vue.unref(inputRef)) == null ? void 0 : _a.$el;
-      });
-      const stophandle = onClickOutside(actualInputRef, (e) => {
+      const stophandle = onClickOutside(inputRef, (e) => {
         const unrefedPopperEl = vue.unref(popperEl);
-        const inputEl = vue.unref(actualInputRef);
-        if (unrefedPopperEl && (e.target === unrefedPopperEl || e.composedPath().includes(unrefedPopperEl)) || e.target === inputEl || e.composedPath().includes(inputEl))
+        const inputEl = unrefElement(inputRef);
+        if (unrefedPopperEl && (e.target === unrefedPopperEl || e.composedPath().includes(unrefedPopperEl)) || e.target === inputEl || inputEl && e.composedPath().includes(inputEl))
           return;
         pickerVisible.value = false;
       });
@@ -19336,13 +19397,20 @@
       const onPanelChange = (value, mode, view) => {
         emit("panel-change", value, mode, view);
       };
+      const focus = () => {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+      };
+      const blur = () => {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.blur();
+      };
       vue.provide("EP_PICKER_BASE", {
         props
       });
       expose({
         focus,
-        handleFocusInput,
-        handleBlurInput,
+        blur,
         handleOpen,
         handleClose,
         onPick
@@ -19390,8 +19458,8 @@
               tabindex: _ctx.tabindex,
               "validate-event": false,
               onInput: onUserInput,
-              onFocus: handleFocusInput,
-              onBlur: handleBlurInput,
+              onFocus: vue.unref(handleFocus),
+              onBlur: vue.unref(handleBlur),
               onKeydown: handleKeydownInput,
               onChange: handleChange,
               onMousedown: onMouseDownInput,
@@ -19418,84 +19486,79 @@
                 showClose.value && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                   key: 0,
                   class: vue.normalizeClass(`${vue.unref(nsInput).e("icon")} clear-icon`),
-                  onClick: vue.withModifiers(onClearIconClick, ["stop"])
+                  onMousedown: vue.withModifiers(vue.unref(NOOP), ["prevent"]),
+                  onClick: onClearIconClick
                 }, {
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
                   ]),
                   _: 1
-                }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+                }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
               ]),
               _: 1
-            }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onKeydown", "onClick"])) : (vue.openBlock(), vue.createElementBlock("div", {
+            }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onFocus", "onBlur", "onClick"])) : (vue.openBlock(), vue.createBlock(PickerRangeTrigger, {
               key: 1,
+              id: _ctx.id,
               ref_key: "inputRef",
               ref: inputRef,
+              "model-value": vue.unref(displayValue),
+              name: _ctx.name,
+              disabled: vue.unref(pickerDisabled),
+              readonly: !_ctx.editable || _ctx.readonly,
+              "start-placeholder": _ctx.startPlaceholder,
+              "end-placeholder": _ctx.endPlaceholder,
               class: vue.normalizeClass(vue.unref(rangeInputKls)),
               style: vue.normalizeStyle(_ctx.$attrs.style),
-              onClick: handleFocusInput,
+              "aria-label": _ctx.ariaLabel,
+              tabindex: _ctx.tabindex,
+              autocomplete: "off",
+              role: "combobox",
+              onClick: onMouseDownInput,
+              onFocus: vue.unref(handleFocus),
+              onBlur: vue.unref(handleBlur),
+              onStartInput: handleStartInput,
+              onStartChange: handleStartChange,
+              onEndInput: handleEndInput,
+              onEndChange: handleEndChange,
+              onMousedown: onMouseDownInput,
               onMouseenter: onMouseEnter,
               onMouseleave: onMouseLeave,
               onTouchstartPassive: onTouchStartInput,
               onKeydown: handleKeydownInput
-            }, [
-              vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                key: 0,
-                class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsRange).e("icon")]),
-                onMousedown: vue.withModifiers(onMouseDownInput, ["prevent"]),
-                onTouchstartPassive: onTouchStartInput
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon))))
-                ]),
-                _: 1
-              }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode("input", {
-                id: _ctx.id && _ctx.id[0],
-                autocomplete: "off",
-                name: _ctx.name && _ctx.name[0],
-                placeholder: _ctx.startPlaceholder,
-                value: vue.unref(displayValue) && vue.unref(displayValue)[0],
-                disabled: vue.unref(pickerDisabled),
-                readonly: !_ctx.editable || _ctx.readonly,
-                class: vue.normalizeClass(vue.unref(nsRange).b("input")),
-                onMousedown: onMouseDownInput,
-                onInput: handleStartInput,
-                onChange: handleStartChange,
-                onFocus: handleFocusInput,
-                onBlur: handleBlurInput
-              }, null, 42, ["id", "name", "placeholder", "value", "disabled", "readonly"]),
-              vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
-                }, vue.toDisplayString(_ctx.rangeSeparator), 3)
+            }, {
+              prefix: vue.withCtx(() => [
+                vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  key: 0,
+                  class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsRange).e("icon")])
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon))))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
               ]),
-              vue.createElementVNode("input", {
-                id: _ctx.id && _ctx.id[1],
-                autocomplete: "off",
-                name: _ctx.name && _ctx.name[1],
-                placeholder: _ctx.endPlaceholder,
-                value: vue.unref(displayValue) && vue.unref(displayValue)[1],
-                disabled: vue.unref(pickerDisabled),
-                readonly: !_ctx.editable || _ctx.readonly,
-                class: vue.normalizeClass(vue.unref(nsRange).b("input")),
-                onMousedown: onMouseDownInput,
-                onFocus: handleFocusInput,
-                onBlur: handleBlurInput,
-                onInput: handleEndInput,
-                onChange: handleEndChange
-              }, null, 42, ["id", "name", "placeholder", "value", "disabled", "readonly"]),
-              _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                key: 1,
-                class: vue.normalizeClass(vue.unref(clearIconKls)),
-                onClick: onClearIconClick
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-            ], 38))
+              "range-separator": vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
+                  }, vue.toDisplayString(_ctx.rangeSeparator), 3)
+                ])
+              ]),
+              suffix: vue.withCtx(() => [
+                _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  key: 0,
+                  class: vue.normalizeClass(vue.unref(clearIconKls)),
+                  onMousedown: vue.withModifiers(vue.unref(NOOP), ["prevent"]),
+                  onClick: onClearIconClick
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
+              ]),
+              _: 3
+            }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"]))
           ]),
           content: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default", {
@@ -19514,7 +19577,6 @@
               onSetPickerOption,
               onCalendarChange,
               onPanelChange,
-              onKeydown: onKeydownPopperContent,
               onMousedown: vue.withModifiers(() => {
               }, ["stop"])
             })
@@ -19989,9 +20051,12 @@
         }
       };
       const handleScroll = (type) => {
+        const scrollbar = vue.unref(listRefsMap[type]);
+        if (!scrollbar)
+          return;
         isScrolling = true;
         debouncedResetScroll(type);
-        const value = Math.min(Math.round((getScrollbarElement(vue.unref(listRefsMap[type]).$el).scrollTop - (scrollBarHeight(type) * 0.5 - 10) / typeItemHeight(type) + 3) / typeItemHeight(type)), type === "hours" ? 23 : 59);
+        const value = Math.min(Math.round((getScrollbarElement(scrollbar.$el).scrollTop - (scrollBarHeight(type) * 0.5 - 10) / typeItemHeight(type) + 3) / typeItemHeight(type)), type === "hours" ? 23 : 59);
         modifyDateField(type, value);
       };
       const scrollBarHeight = (type) => {
@@ -20019,7 +20084,7 @@
         });
       });
       const setRef = (scrollbar, type) => {
-        listRefsMap[type].value = scrollbar;
+        listRefsMap[type].value = scrollbar != null ? scrollbar : void 0;
       };
       emit("set-option", [`${props.role}_scrollDown`, scrollDown]);
       emit("set-option", [`${props.role}_emitSelectRange`, emitSelectRange]);
@@ -20572,13 +20637,13 @@
       const modelUpdater = (value) => ctx.emit("update:modelValue", value);
       vue.provide("ElPopperOptions", props.popperOptions);
       ctx.expose({
-        focus: (e) => {
+        focus: () => {
           var _a;
-          (_a = commonPicker.value) == null ? void 0 : _a.handleFocusInput(e);
+          (_a = commonPicker.value) == null ? void 0 : _a.focus();
         },
-        blur: (e) => {
+        blur: () => {
           var _a;
-          (_a = commonPicker.value) == null ? void 0 : _a.handleBlurInput(e);
+          (_a = commonPicker.value) == null ? void 0 : _a.blur();
         },
         handleOpen: () => {
           var _a;
@@ -29783,9 +29848,13 @@
       });
       const commonPicker = vue.ref();
       const refProps = {
-        focus: (focusStartInput = true) => {
+        focus: () => {
+          var _a;
+          (_a = commonPicker.value) == null ? void 0 : _a.focus();
+        },
+        blur: () => {
           var _a;
-          (_a = commonPicker.value) == null ? void 0 : _a.focus(focusStartInput);
+          (_a = commonPicker.value) == null ? void 0 : _a.blur();
         },
         handleOpen: () => {
           var _a;
@@ -41945,7 +42014,7 @@
             "stop-popper-mouse-event": false,
             "popper-class": _ctx.tooltipClass,
             disabled: !vue.unref(showTooltip),
-            persistent: ""
+            persistent: vue.unref(showTooltip)
           }, {
             content: vue.withCtx(() => [
               vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)), 1)
@@ -41956,7 +42025,7 @@
               }, null, 2)
             ]),
             _: 1
-          }, 8, ["visible", "placement", "popper-class", "disabled"])
+          }, 8, ["visible", "placement", "popper-class", "disabled", "persistent"])
         ], 46, ["tabindex", "onMouseenter", "onMouseleave", "onMousedown", "onFocus", "onBlur", "onKeydown"]);
       };
     }
@@ -56218,7 +56287,7 @@
         posInfo.value = null;
         return;
       }
-      if (!isInViewPort(targetEl) && open.value) {
+      if (!isInViewPort(targetEl)) {
         targetEl.scrollIntoView(scrollIntoViewOptions.value);
       }
       const { left, top, width, height } = targetEl.getBoundingClientRect();
@@ -60349,6 +60418,7 @@
   exports.textProps = textProps;
   exports.thumbProps = thumbProps;
   exports.timePickerDefaultProps = timePickerDefaultProps;
+  exports.timePickerRngeTriggerProps = timePickerRngeTriggerProps;
   exports.timeSelectProps = timeSelectProps;
   exports.timeUnits = timeUnits$1;
   exports.timelineItemProps = timelineItemProps;