@element-plus/nightly 0.0.20250817 → 0.0.20250818

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250817 */
+/*! Element Plus v0.0.20250818 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12429,7 +12429,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250817";
+  const version$1 = "0.0.20250818";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -20168,18 +20168,17 @@
       const nsDate = useNamespace("date");
       const nsInput = useNamespace("input");
       const nsRange = useNamespace("range");
-      const { form, formItem } = useFormItem();
+      const { formItem } = useFormItem();
       const elPopperOptions = vue.inject(PICKER_POPPER_OPTIONS_INJECTION_KEY, {});
       const { valueOnClear } = useEmptyValues(props, null);
       const refPopper = vue.ref();
       const inputRef = vue.ref();
       const pickerVisible = vue.ref(false);
       const pickerActualVisible = vue.ref(false);
+      const hovering = vue.ref(false);
       const valueOnOpen = vue.ref(null);
       let hasJustTabExitedInput = false;
-      const pickerDisabled = vue.computed(() => {
-        return props.disabled || !!(form == null ? void 0 : form.disabled);
-      });
+      const pickerDisabled = useFormDisabled();
       const { isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
         disabled: pickerDisabled,
         beforeFocus() {
@@ -20212,7 +20211,7 @@
       const clearIconKls = vue.computed(() => [
         nsInput.e("icon"),
         nsRange.e("close-icon"),
-        !showClose.value ? nsRange.e("close-icon--hidden") : ""
+        !showClearBtn.value ? nsRange.e("close-icon--hidden") : ""
       ]);
       vue.watch(pickerVisible, (val) => {
         if (!val) {
@@ -20350,11 +20349,11 @@
       const isMonthsPicker = vue.computed(() => props.type === "months");
       const isYearsPicker = vue.computed(() => props.type === "years");
       const triggerIcon = vue.computed(() => props.prefixIcon || (isTimeLikePicker.value ? clock_default : calendar_default));
-      const showClose = vue.ref(false);
+      const showClearBtn = vue.computed(() => props.clearable && !pickerDisabled.value && !props.readonly && !valueIsEmpty.value && (hovering.value || isFocused.value));
       const onClearIconClick = (event) => {
         if (props.readonly || pickerDisabled.value)
           return;
-        if (showClose.value) {
+        if (showClearBtn.value) {
           event.stopPropagation();
           if (pickerOptions.value.handleClear) {
             pickerOptions.value.handleClear();
@@ -20362,7 +20361,6 @@
             emitInput(valueOnClear.value);
           }
           emitChange(valueOnClear.value, true);
-          showClose.value = false;
           onHide();
         }
         emit("clear");
@@ -20383,11 +20381,11 @@
         if (props.readonly || pickerDisabled.value)
           return;
         if (!valueIsEmpty.value && props.clearable) {
-          showClose.value = true;
+          hovering.value = true;
         }
       };
       const onMouseLeave = () => {
-        showClose.value = false;
+        hovering.value = false;
       };
       const onTouchStartInput = (event) => {
         var _a;
@@ -20613,7 +20611,12 @@
               size: vue.unref(pickerSize),
               disabled: vue.unref(pickerDisabled),
               placeholder: _ctx.placeholder,
-              class: vue.normalizeClass([vue.unref(nsDate).b("editor"), vue.unref(nsDate).bm("editor", _ctx.type), _ctx.$attrs.class]),
+              class: vue.normalizeClass([
+                vue.unref(nsDate).b("editor"),
+                vue.unref(nsDate).bm("editor", _ctx.type),
+                vue.unref(nsDate).is("focus", pickerVisible.value),
+                _ctx.$attrs.class
+              ]),
               style: vue.normalizeStyle(_ctx.$attrs.style),
               readonly: !_ctx.editable || _ctx.readonly || vue.unref(isDatesPicker) || vue.unref(isMonthsPicker) || vue.unref(isYearsPicker) || _ctx.type === "week",
               "aria-label": _ctx.ariaLabel,
@@ -20645,7 +20648,7 @@
                 }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
               ]),
               suffix: vue.withCtx(() => [
-                showClose.value && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                vue.unref(showClearBtn) && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                   key: 0,
                   class: vue.normalizeClass(`${vue.unref(nsInput).e("icon")} clear-icon`),
                   onMousedown: vue.withModifiers(vue.unref(NOOP), ["prevent"]),
@@ -24093,24 +24096,15 @@
       node: {
         type: Object,
         required: true
-      },
-      disabled: Boolean
+      }
     },
-    setup(props, {
-      emit
-    }) {
+    setup(props) {
       const ns = useNamespace("cascader-node");
       const {
-        config,
         renderLabelFn
       } = vue.inject(CASCADER_PANEL_INJECTION_KEY);
       const {
-        checkOnClickNode,
-        checkOnClickLeaf
-      } = config;
-      const {
-        node,
-        disabled
+        node
       } = props;
       const {
         data,
@@ -24123,15 +24117,8 @@
         });
         return isVNodeEmpty(renderLabel) ? nodeLabel : renderLabel != null ? renderLabel : nodeLabel;
       };
-      function handleClick(e) {
-        if ((checkOnClickNode || node.isLeaf && checkOnClickLeaf) && !disabled) {
-          e.stopPropagation();
-          emit("handleSelectCheck", !node.checked);
-        }
-      }
       return () => vue.createVNode("span", {
-        "class": ns.e("label"),
-        "onClick": handleClick
+        "class": ns.e("label")
       }, [label()]);
     }
   });
@@ -24201,10 +24188,12 @@
         node.loaded ? doExpand() : doLoad();
       };
       const handleClick = () => {
-        if (isHoverMenu.value && !isLeaf.value)
+        if (isHoverMenu.value)
           return;
         if (isLeaf.value && !isDisabled.value && !checkStrictly.value && !multiple.value) {
           handleCheck(true);
+        } else if ((panel.config.checkOnClickNode || isLeaf.value && panel.config.checkOnClickLeaf) && !isDisabled.value) {
+          handleSelectCheck(!props.node.checked);
         } else {
           handleExpand();
         }
@@ -24280,11 +24269,7 @@
             _: 1
           }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
           vue.createCommentVNode(" content "),
-          vue.createVNode(vue.unref(NodeContent$1), {
-            node: __props.node,
-            disabled: vue.unref(isDisabled),
-            onHandleSelectCheck: handleSelectCheck
-          }, null, 8, ["node", "disabled"]),
+          vue.createVNode(vue.unref(NodeContent$1), { node: __props.node }, null, 8, ["node"]),
           vue.createCommentVNode(" postfix "),
           !vue.unref(isLeaf) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
             __props.node.loading ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -25214,7 +25199,8 @@
       const nsCascader = useNamespace("cascader");
       const nsInput = useNamespace("input");
       const { t } = useLocale();
-      const { form, formItem } = useFormItem();
+      const { formItem } = useFormItem();
+      const isDisabled = useFormDisabled();
       const { valueOnClear } = useEmptyValues(props);
       const { isComposing, handleComposition } = useComposition({
         afterComposition(event) {
@@ -25224,7 +25210,8 @@
         }
       });
       const tooltipRef = vue.ref(null);
-      const input = vue.ref(null);
+      const tagTooltipRef = vue.ref(null);
+      const inputRef = vue.ref();
       const tagWrapper = vue.ref(null);
       const cascaderPanelRef = vue.ref(null);
       const suggestionPanel = vue.ref(null);
@@ -25240,7 +25227,6 @@
       const cascaderStyle = vue.computed(() => {
         return attrs.style;
       });
-      const isDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
       const inputPlaceholder = vue.computed(() => {
         var _a;
         return (_a = props.placeholder) != null ? _a : t("el.cascader.placeholder");
@@ -25255,8 +25241,27 @@
         var _a;
         return ((_a = cascaderPanelRef.value) == null ? void 0 : _a.checkedNodes) || [];
       });
+      const { isFocused, handleBlur, handleFocus } = useFocusController(inputRef, {
+        disabled: isDisabled,
+        beforeFocus(event) {
+          const el = event.target;
+          const name = nsCascader.e("search-input");
+          if (el.className === name) {
+            filterFocus.value = true;
+          }
+          return false;
+        },
+        beforeBlur(event) {
+          var _a, _b;
+          return ((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent(event)) || ((_b = tagTooltipRef.value) == null ? void 0 : _b.isFocusInsideContent(event));
+        },
+        afterBlur() {
+          filterFocus.value = false;
+          popperVisible.value = false;
+        }
+      });
       const clearBtnVisible = vue.computed(() => {
-        if (!props.clearable || isDisabled.value || filtering.value || !inputHover.value)
+        if (!props.clearable || isDisabled.value || filtering.value || !inputHover.value && !isFocused.value)
           return false;
         return !!checkedNodes.value.length;
       });
@@ -25308,7 +25313,7 @@
         visible = visible != null ? visible : !popperVisible.value;
         if (visible !== popperVisible.value) {
           popperVisible.value = visible;
-          (_b = (_a = input.value) == null ? void 0 : _a.input) == null ? void 0 : _b.setAttribute("aria-expanded", `${visible}`);
+          (_b = (_a = inputRef.value) == null ? void 0 : _a.input) == null ? void 0 : _b.setAttribute("aria-expanded", `${visible}`);
           if (visible) {
             updatePopperPosition();
             vue.nextTick((_c = cascaderPanelRef.value) == null ? void 0 : _c.scrollToExpandingNode);
@@ -25422,7 +25427,7 @@
       };
       const updateStyle = () => {
         var _a, _b;
-        const inputInner = (_a = input.value) == null ? void 0 : _a.input;
+        const inputInner = (_a = inputRef.value) == null ? void 0 : _a.input;
         const tagWrapperEl = tagWrapper.value;
         const suggestionPanelEl = (_b = suggestionPanel.value) == null ? void 0 : _b.$el;
         if (!isClient || !inputInner)
@@ -25524,18 +25529,6 @@
           lastTag.hitState = true;
         }
       };
-      const handleFocus = (e) => {
-        const el = e.target;
-        const name = nsCascader.e("search-input");
-        if (el.className === name) {
-          filterFocus.value = true;
-        }
-        emit("focus", e);
-      };
-      const handleBlur = (e) => {
-        filterFocus.value = false;
-        emit("blur", e);
-      };
       const handleFilter = debounce(() => {
         const { value } = searchKeyword;
         if (!value)
@@ -25564,13 +25557,13 @@
       });
       vue.watch(realSize, async () => {
         await vue.nextTick();
-        const inputInner = input.value.input;
+        const inputInner = inputRef.value.input;
         inputInitialHeight = getInputInnerHeight(inputInner) || inputInitialHeight;
         updateStyle();
       });
       vue.watch(presentText, syncPresentTextValue, { immediate: true });
       vue.onMounted(() => {
-        const inputInner = input.value.input;
+        const inputInner = inputRef.value.input;
         const inputInnerHeight = getInputInnerHeight(inputInner);
         inputInitialHeight = inputInner.offsetHeight || inputInnerHeight;
         useResizeObserver(inputInner, updateStyle);
@@ -25610,8 +25603,8 @@
               onMouseleave: ($event) => inputHover.value = false
             }, [
               vue.createVNode(vue.unref(ElInput), {
-                ref_key: "input",
-                ref: input,
+                ref_key: "inputRef",
+                ref: inputRef,
                 modelValue: inputValue.value,
                 "onUpdate:modelValue": ($event) => inputValue.value = $event,
                 placeholder: vue.unref(currentPlaceholder),
@@ -25624,8 +25617,8 @@
                 onCompositionstart: vue.unref(handleComposition),
                 onCompositionupdate: vue.unref(handleComposition),
                 onCompositionend: vue.unref(handleComposition),
-                onFocus: handleFocus,
-                onBlur: handleBlur,
+                onFocus: vue.unref(handleFocus),
+                onBlur: vue.unref(handleBlur),
                 onInput: handleInput
               }, vue.createSlots({
                 suffix: vue.withCtx(() => [
@@ -25657,7 +25650,7 @@
                     vue.renderSlot(_ctx.$slots, "prefix")
                   ])
                 } : void 0
-              ]), 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
+              ]), 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onFocus", "onBlur"]),
               vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 ref_key: "tagWrapper",
@@ -25685,6 +25678,9 @@
                       default: vue.withCtx(() => [
                         tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", { key: 0 }, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
                           key: 1,
+                          ref_for: true,
+                          ref_key: "tagTooltipRef",
+                          ref: tagTooltipRef,
                           disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
                           "fallback-placements": ["bottom", "top", "right", "left"],
                           placement: "bottom",
@@ -25746,9 +25742,9 @@
                   onCompositionstart: vue.unref(handleComposition),
                   onCompositionupdate: vue.unref(handleComposition),
                   onCompositionend: vue.unref(handleComposition),
-                  onFocus: handleFocus,
-                  onBlur: handleBlur
-                }, null, 42, ["onUpdate:modelValue", "placeholder", "onInput", "onClick", "onKeydown", "onCompositionstart", "onCompositionupdate", "onCompositionend"])), [
+                  onFocus: vue.unref(handleFocus),
+                  onBlur: vue.unref(handleBlur)
+                }, null, 42, ["onUpdate:modelValue", "placeholder", "onInput", "onClick", "onKeydown", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onFocus", "onBlur"])), [
                   [vue.vModelText, searchInputValue.value]
                 ]) : vue.createCommentVNode("v-if", true)
               ], 2)) : vue.createCommentVNode("v-if", true)
@@ -37802,8 +37798,8 @@
       var _a;
       return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
     });
-    const showClose = vue.computed(() => {
-      return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
+    const showClearBtn = vue.computed(() => {
+      return props.clearable && !selectDisabled.value && hasModelValue.value && (isFocused.value || states.inputHovering);
     });
     const iconComponent = vue.computed(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
     const iconReverse = vue.computed(() => nsSelect.is("reverse", !!(iconComponent.value && expanded.value)));
@@ -38316,7 +38312,7 @@
       currentPlaceholder,
       mouseEnterEventName,
       needStatusIcon,
-      showClose,
+      showClearBtn,
       iconComponent,
       iconReverse,
       validateState,
@@ -38984,7 +38980,7 @@
                 ref: "suffixRef",
                 class: vue.normalizeClass(_ctx.nsSelect.e("suffix"))
               }, [
-                _ctx.iconComponent && !_ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                _ctx.iconComponent && !_ctx.showClearBtn ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                   key: 0,
                   class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
                 }, {
@@ -38993,7 +38989,7 @@
                   ]),
                   _: 1
                 }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-                _ctx.showClose && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                _ctx.showClearBtn && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                   key: 1,
                   class: vue.normalizeClass([
                     _ctx.nsSelect.e("caret"),
@@ -43255,7 +43251,7 @@
       return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
     });
     const showClearBtn = vue.computed(() => {
-      return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
+      return props.clearable && !selectDisabled.value && hasModelValue.value && (isFocused.value || states.inputHovering);
     });
     const iconComponent = vue.computed(() => props.remote && props.filterable ? "" : props.suffixIcon);
     const iconReverse = vue.computed(() => iconComponent.value && nsSelect.is("reverse", expanded.value));
@@ -45907,9 +45903,9 @@
       const currentStatus = vue.computed(() => {
         return props.status || internalStatus.value;
       });
-      const prevStatus = vue.computed(() => {
+      const prevInternalStatus = vue.computed(() => {
         const prevStep = parent.steps.value[index.value - 1];
-        return prevStep ? prevStep.currentStatus : "wait";
+        return prevStep ? prevStep.internalStatus.value : "wait";
       });
       const isCenter = vue.computed(() => {
         return parent.props.alignCenter;
@@ -45965,7 +45961,7 @@
       const updateStatus = (activeIndex) => {
         if (activeIndex > index.value) {
           internalStatus.value = parent.props.finishStatus;
-        } else if (activeIndex === index.value && prevStatus.value !== "error") {
+        } else if (activeIndex === index.value && prevInternalStatus.value !== "error") {
           internalStatus.value = parent.props.processStatus;
         } else {
           internalStatus.value = "wait";
@@ -45974,13 +45970,14 @@
         if (prevChild)
           prevChild.calcProgress(internalStatus.value);
       };
-      const stepItemState = vue.reactive({
+      const stepItemState = {
         uid: currentInstance.uid,
         getVnode: () => currentInstance.vnode,
         currentStatus,
+        internalStatus,
         setIndex,
         calcProgress
-      });
+      };
       parent.addStep(stepItemState);
       vue.onBeforeUnmount(() => {
         parent.removeStep(stepItemState);
@@ -62225,6 +62222,7 @@
         emit(CHANGE_EVENT, value);
       };
       const aliasProps = vue.computed(() => ({ ...defaultProps, ...props.props }));
+      const intoAny = (item) => item;
       const getValue = (item) => {
         return isObject$1(item) ? item[aliasProps.value.value] : item;
       };
@@ -62337,7 +62335,9 @@
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(ns).e("item-label"))
                 }, [
-                  vue.renderSlot(_ctx.$slots, "default", { item }, () => [
+                  vue.renderSlot(_ctx.$slots, "default", {
+                    item: intoAny(item)
+                  }, () => [
                     vue.createTextVNode(vue.toDisplayString(getLabel(item)), 1)
                   ])
                 ], 2)