@element-plus/nightly 0.0.20250101 → 0.0.20250102

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250101 */
+/*! Element Plus v0.0.20250102 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11596,7 +11596,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250101";
+  const version$1 = "0.0.20250102";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -35626,7 +35626,6 @@
   }
   var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
 
-  const MINIMUM_INPUT_WIDTH$1 = 11;
   const useSelect$3 = (props, emit) => {
     const { t } = useLocale();
     const contentId = useId();
@@ -35639,7 +35638,6 @@
       optionValues: [],
       selected: [],
       selectionWidth: 0,
-      calculatorWidth: 0,
       collapseItemWidth: 0,
       selectedLabel: "",
       hoveringIndex: -1,
@@ -35653,7 +35651,6 @@
     const tooltipRef = vue.ref(null);
     const tagTooltipRef = vue.ref(null);
     const inputRef = vue.ref(null);
-    const calculatorRef = vue.ref(null);
     const prefixRef = vue.ref(null);
     const suffixRef = vue.ref(null);
     const menuRef = vue.ref(null);
@@ -35901,9 +35898,6 @@
     const resetSelectionWidth = () => {
       states.selectionWidth = selectionRef.value.getBoundingClientRect().width;
     };
-    const resetCalculatorWidth = () => {
-      states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
-    };
     const resetCollapseItemWidth = () => {
       states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
     };
@@ -36170,11 +36164,7 @@
     const collapseTagStyle = vue.computed(() => {
       return { maxWidth: `${states.selectionWidth}px` };
     });
-    const inputStyle = vue.computed(() => ({
-      width: `${Math.max(states.calculatorWidth, MINIMUM_INPUT_WIDTH$1)}px`
-    }));
     useResizeObserver(selectionRef, resetSelectionWidth);
-    useResizeObserver(calculatorRef, resetCalculatorWidth);
     useResizeObserver(menuRef, updateTooltip);
     useResizeObserver(wrapperRef, updateTooltip);
     useResizeObserver(tagMenuRef, updateTagTooltip);
@@ -36194,7 +36184,6 @@
       hoverOption,
       selectSize,
       filteredOptionsCount,
-      resetCalculatorWidth,
       updateTooltip,
       updateTagTooltip,
       debouncedOnInputChange,
@@ -36240,12 +36229,10 @@
       collapseTagList,
       tagStyle,
       collapseTagStyle,
-      inputStyle,
       popperRef,
       inputRef,
       tooltipRef,
       tagTooltipRef,
-      calculatorRef,
       prefixRef,
       suffixRef,
       selectRef,
@@ -36440,6 +36427,7 @@
         modelValue
       });
       const API = useSelect$3(_props, emit);
+      const { calculatorRef, inputStyle } = useCalcInputWidth();
       vue.provide(selectKey, vue.reactive({
         props: _props,
         states: API.states,
@@ -36459,7 +36447,9 @@
       return {
         ...API,
         modelValue,
-        selectedLabel
+        selectedLabel,
+        calculatorRef,
+        inputStyle
       };
     }
   });
@@ -36725,7 +36715,11 @@
                 }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
                 _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                   key: 2,
-                  class: vue.normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
+                  class: vue.normalizeClass([
+                    _ctx.nsInput.e("icon"),
+                    _ctx.nsInput.e("validateIcon"),
+                    _ctx.nsInput.is("loading", _ctx.validateState === "validating")
+                  ])
                 }, {
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))
@@ -40936,7 +40930,6 @@
     };
   }
 
-  const MINIMUM_INPUT_WIDTH = 11;
   const useSelect$1 = (props, emit) => {
     const { t } = useLocale();
     const nsSelect = useNamespace("select");
@@ -40954,7 +40947,6 @@
       hoveringIndex: -1,
       inputHovering: false,
       selectionWidth: 0,
-      calculatorWidth: 0,
       collapseItemWidth: 0,
       previousQuery: null,
       previousValue: void 0,
@@ -40968,7 +40960,6 @@
     const tooltipRef = vue.ref();
     const tagTooltipRef = vue.ref();
     const inputRef = vue.ref();
-    const calculatorRef = vue.ref();
     const prefixRef = vue.ref();
     const suffixRef = vue.ref();
     const menuRef = vue.ref();
@@ -41139,9 +41130,6 @@
     const collapseTagStyle = vue.computed(() => {
       return { maxWidth: `${states.selectionWidth}px` };
     });
-    const inputStyle = vue.computed(() => ({
-      width: `${Math.max(states.calculatorWidth, MINIMUM_INPUT_WIDTH)}px`
-    }));
     const shouldShowPlaceholder = vue.computed(() => {
       if (isArray$1(props.modelValue)) {
         return props.modelValue.length === 0 && !states.inputValue;
@@ -41271,9 +41259,6 @@
     const resetSelectionWidth = () => {
       states.selectionWidth = selectionRef.value.getBoundingClientRect().width;
     };
-    const resetCalculatorWidth = () => {
-      states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
-    };
     const resetCollapseItemWidth = () => {
       states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
     };
@@ -41592,7 +41577,6 @@
     });
     useResizeObserver(selectRef, handleResize);
     useResizeObserver(selectionRef, resetSelectionWidth);
-    useResizeObserver(calculatorRef, resetCalculatorWidth);
     useResizeObserver(menuRef, updateTooltip);
     useResizeObserver(wrapperRef, updateTooltip);
     useResizeObserver(tagMenuRef, updateTagTooltip);
@@ -41611,7 +41595,6 @@
       iconReverse,
       tagStyle,
       collapseTagStyle,
-      inputStyle,
       popperSize,
       dropdownMenuVisible,
       hasModelValue,
@@ -41624,7 +41607,6 @@
       isFocused,
       nsSelect,
       nsInput,
-      calculatorRef,
       inputRef,
       menuRef,
       tagMenuRef,
@@ -41656,7 +41638,6 @@
       handleMenuEnter,
       handleResize,
       resetSelectionWidth,
-      resetCalculatorWidth,
       updateTooltip,
       updateTagTooltip,
       updateOptions,
@@ -41698,6 +41679,7 @@
         ...vue.toRefs(props),
         modelValue
       }), emit);
+      const { calculatorRef, inputStyle } = useCalcInputWidth();
       vue.provide(selectV2InjectionKey, {
         props: vue.reactive({
           ...vue.toRefs(props),
@@ -41720,7 +41702,9 @@
       return {
         ...API,
         modelValue,
-        selectedLabel
+        selectedLabel,
+        calculatorRef,
+        inputStyle
       };
     }
   });
@@ -41982,7 +41966,11 @@
               }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
               _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                 key: 2,
-                class: vue.normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
+                class: vue.normalizeClass([
+                  _ctx.nsInput.e("icon"),
+                  _ctx.nsInput.e("validateIcon"),
+                  _ctx.nsInput.is("loading", _ctx.validateState === "validating")
+                ])
               }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))