@element-plus/nightly 0.0.20251015 → 0.0.20251016

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251015 */
+/*! Element Plus v0.0.20251016 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12526,7 +12526,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20251015";
+  const version$1 = "0.0.20251016";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14732,6 +14732,10 @@
     "box-sizing",
     "word-break"
   ];
+  const looseToNumber = (val) => {
+    const n = Number.parseFloat(val);
+    return Number.isNaN(n) ? val : n;
+  };
   function calculateNodeStyling(targetElement) {
     const style = window.getComputedStyle(targetElement);
     const boxSizing = style.getPropertyValue("box-sizing");
@@ -14798,6 +14802,10 @@
       ]),
       default: ""
     },
+    modelModifiers: {
+      type: definePropType(Object),
+      default: () => ({})
+    },
     maxlength: {
       type: [String, Number]
     },
@@ -14967,6 +14975,7 @@
       const textLength = vue.computed(() => nativeInputValue.value.length);
       const inputExceed = vue.computed(() => !!isWordLimitVisible.value && textLength.value > Number(props.maxlength));
       const suffixVisible = vue.computed(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
+      const hasModelModifiers = vue.computed(() => !!Object.keys(props.modelModifiers).length);
       const [recordCursor, setCursor] = useCursor(input);
       useResizeObserver(textarea, (entries) => {
         onceInitSizeTextarea();
@@ -15021,30 +15030,53 @@
           return;
         input2.value = formatterValue;
       };
-      const handleInput = async (event) => {
-        recordCursor();
-        let { value } = event.target;
+      const formatValue = (value) => {
+        const { trim, number } = props.modelModifiers;
+        if (trim) {
+          value = value.trim();
+        }
+        if (number) {
+          value = `${looseToNumber(value)}`;
+        }
         if (props.formatter && props.parser) {
           value = props.parser(value);
         }
+        return value;
+      };
+      const handleInput = async (event) => {
         if (isComposing.value)
           return;
-        if (value === nativeInputValue.value) {
-          setNativeInputValue();
+        const { lazy } = props.modelModifiers;
+        let { value } = event.target;
+        if (lazy) {
+          emit(INPUT_EVENT, value);
+          return;
+        }
+        value = formatValue(value);
+        if (String(value) === nativeInputValue.value) {
+          if (props.formatter) {
+            setNativeInputValue();
+          }
           return;
         }
+        recordCursor();
         emit(UPDATE_MODEL_EVENT, value);
         emit(INPUT_EVENT, value);
         await vue.nextTick();
-        setNativeInputValue();
+        if (props.formatter && props.parser || !hasModelModifiers.value) {
+          setNativeInputValue();
+        }
         setCursor();
       };
-      const handleChange = (event) => {
+      const handleChange = async (event) => {
         let { value } = event.target;
-        if (props.formatter && props.parser) {
-          value = props.parser(value);
+        value = formatValue(value);
+        if (props.modelModifiers.lazy) {
+          emit(UPDATE_MODEL_EVENT, value);
         }
         emit(CHANGE_EVENT, value);
+        await vue.nextTick();
+        setNativeInputValue();
       };
       const {
         isComposing,
@@ -15093,7 +15125,23 @@
           (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
         }
       });
-      vue.watch(nativeInputValue, () => setNativeInputValue());
+      vue.watch(nativeInputValue, (newValue) => {
+        if (!_ref.value) {
+          return;
+        }
+        const { trim, number } = props.modelModifiers;
+        const elValue = _ref.value.value;
+        const displayValue = (number || props.type === "number") && !/^0\d/.test(elValue) ? `${looseToNumber(elValue)}` : elValue;
+        if (displayValue === newValue) {
+          return;
+        }
+        if (document.activeElement === _ref.value && _ref.value.type !== "range") {
+          if (trim && displayValue.trim() === newValue) {
+            return;
+          }
+        }
+        setNativeInputValue();
+      });
       vue.watch(() => props.type, async () => {
         await vue.nextTick();
         setNativeInputValue();
@@ -17580,7 +17628,8 @@
             cb(result);
         }
       };
-      const debouncedGetData = debounce(getData, props.debounce);
+      const debounce = vue.computed(() => props.debounce);
+      const debouncedGetData = useDebounceFn(getData, debounce);
       const handleInput = (value) => {
         const valuePresented = !!value;
         emit(INPUT_EVENT, value);
@@ -25814,7 +25863,8 @@
           lastTag.hitState = true;
         }
       };
-      const handleFilter = debounce(() => {
+      const debounce = vue.computed(() => props.debounce);
+      const handleFilter = useDebounceFn(() => {
         const { value } = searchKeyword;
         if (!value)
           return;
@@ -25827,7 +25877,7 @@
         } else {
           hideSuggestionPanel();
         }
-      }, props.debounce);
+      }, debounce);
       const handleInput = (val, e) => {
         !popperVisible.value && togglePopperVisible(true);
         if (e == null ? void 0 : e.isComposing)
@@ -27716,6 +27766,10 @@
         }
         resetColor();
       }
+      function handleShowTooltip() {
+        var _a, _b;
+        (_b = (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.inputRef) == null ? void 0 : _b.focus();
+      }
       function handleClickOutside() {
         if (!showPicker.value)
           return;
@@ -27729,7 +27783,6 @@
         resetColor();
       }
       function handleKeyDown(event) {
-        var _a, _b;
         const code = getEventCode(event);
         switch (code) {
           case EVENT_CODE.enter:
@@ -27738,7 +27791,6 @@
             event.preventDefault();
             event.stopPropagation();
             show();
-            (_b = (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.inputRef) == null ? void 0 : _b.focus();
             break;
           case EVENT_CODE.esc:
             handleEsc(event);
@@ -27793,12 +27845,15 @@
           "popper-style": _ctx.popperStyle,
           "stop-popper-mouse-event": false,
           pure: "",
+          loop: "",
+          role: "dialog",
           effect: "light",
           trigger: "click",
           teleported: _ctx.teleported,
           transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
           persistent: _ctx.persistent,
           "append-to": _ctx.appendTo,
+          onShow: handleShowTooltip,
           onHide: ($event) => setShowPicker(false)
         }, {
           content: vue.withCtx(() => [
@@ -35391,7 +35446,7 @@
           newVal = isString$1(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear;
         }
         if (stepStrictly) {
-          newVal = toPrecision(Math.round(newVal / step) * step, precision);
+          newVal = toPrecision(Math.round(toPrecision(newVal / step)) * step, precision);
           if (newVal !== value) {
             update && emit(UPDATE_MODEL_EVENT, newVal);
           }
@@ -44637,10 +44692,6 @@
     range: Boolean,
     vertical: Boolean,
     height: String,
-    debounce: {
-      type: Number,
-      default: 300
-    },
     rangeStartLabel: {
       type: String,
       default: void 0
@@ -45549,11 +45600,10 @@
             min: _ctx.min,
             max: _ctx.max,
             precision: vue.unref(precision),
-            debounce: _ctx.debounce,
             size: vue.unref(sliderInputSize),
             "onUpdate:modelValue": vue.unref(setFirstValue),
             onChange: vue.unref(emitChange)
-          }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "precision", "debounce", "size", "onUpdate:modelValue", "onChange"])) : vue.createCommentVNode("v-if", true)
+          }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "precision", "size", "onUpdate:modelValue", "onChange"])) : vue.createCommentVNode("v-if", true)
         ], 10, ["id", "role", "aria-label", "aria-labelledby"]);
       };
     }