vant 4.0.0-rc.4 → 4.0.0-rc.5

package/lib/index.d.ts

@@ -93,4 +93,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.0-rc.4";
+export const version: "4.0.0-rc.5";

package/lib/index.js

@@ -200,7 +200,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "4.0.0-rc.4";
+const version = "4.0.0-rc.5";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/loading/Loading.js

@@ -54,6 +54,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const spinnerStyle = (0, import_vue2.computed)(() => (0, import_utils.extend)({
       color: props.color
     }, (0, import_utils.getSizeStyle)(props.size)));
+    const renderIcon = () => {
+      const DefaultIcon = props.type === "spinner" ? SpinIcon : CircularIcon;
+      return (0, import_vue.createVNode)("span", {
+        "class": bem("spinner", props.type),
+        "style": spinnerStyle.value
+      }, [slots.icon ? slots.icon() : DefaultIcon]);
+    };
     const renderText = () => {
       var _a;
       if (slots.default) {
@@ -77,10 +84,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }]),
         "aria-live": "polite",
         "aria-busy": true
-      }, [(0, import_vue.createVNode)("span", {
-        "class": bem("spinner", type),
-        "style": spinnerStyle.value
-      }, [type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
+      }, [renderIcon(), renderText()]);
     };
   }
 });

package/lib/nav-bar/NavBar.d.ts

@@ -12,6 +12,10 @@ export declare const navBarProps: {
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
+    clickable: {
+        type: BooleanConstructor;
+        default: true;
+    };
 };
 export declare type NavBarProps = ExtractPropTypes<typeof navBarProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -27,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
+    clickable: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
@@ -40,12 +48,17 @@ declare const _default: import("vue").DefineComponent<{
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
+    clickable: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & {
     onClickLeft?: ((...args: any[]) => any) | undefined;
     onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
     border: boolean;
+    clickable: boolean;
     placeholder: boolean;
     safeAreaInsetTop: boolean;
     leftArrow: boolean;

package/lib/nav-bar/NavBar.js

@@ -36,7 +36,8 @@ const navBarProps = {
   rightText: String,
   leftArrow: Boolean,
   placeholder: Boolean,
-  safeAreaInsetTop: Boolean
+  safeAreaInsetTop: Boolean,
+  clickable: import_utils.truthProp
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -91,12 +92,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }, [(0, import_vue.createVNode)("div", {
         "class": bem("content")
       }, [hasLeft && (0, import_vue.createVNode)("div", {
-        "class": [bem("left"), import_utils.HAPTICS_FEEDBACK],
+        "class": [bem("left"), props.clickable ? import_utils.HAPTICS_FEEDBACK : ""],
         "onClick": onClickLeft
       }, [renderLeft()]), (0, import_vue.createVNode)("div", {
         "class": [bem("title"), "van-ellipsis"]
       }, [slots.title ? slots.title() : title]), hasRight && (0, import_vue.createVNode)("div", {
-        "class": [bem("right"), import_utils.HAPTICS_FEEDBACK],
+        "class": [bem("right"), props.clickable ? import_utils.HAPTICS_FEEDBACK : ""],
         "onClick": onClickRight
       }, [renderRight()])])]);
     };

package/lib/nav-bar/index.d.ts

@@ -11,6 +11,10 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
+    clickable: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
@@ -24,12 +28,17 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
+    clickable: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & {
     onClickLeft?: ((...args: any[]) => any) | undefined;
     onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
     border: boolean;
+    clickable: boolean;
     placeholder: boolean;
     safeAreaInsetTop: boolean;
     leftArrow: boolean;

package/lib/stepper/Stepper.d.ts

@@ -37,6 +37,10 @@ export declare const stepperProps: {
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -89,6 +93,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -139,6 +147,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -172,6 +184,7 @@ declare const _default: import("vue").DefineComponent<{
     showMinus: boolean;
     showInput: boolean;
     longPress: boolean;
+    autoFixed: boolean;
     allowEmpty: boolean;
     disablePlus: boolean;
     disableMinus: boolean;

package/lib/stepper/Stepper.js

@@ -41,6 +41,7 @@ const stepperProps = {
   showMinus: import_utils.truthProp,
   showInput: import_utils.truthProp,
   longPress: import_utils.truthProp,
+  autoFixed: import_utils.truthProp,
   allowEmpty: Boolean,
   modelValue: import_utils.numericProp,
   inputWidth: import_utils.numericProp,
@@ -60,7 +61,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
   setup(props, {
     emit
   }) {
-    const format = (value) => {
+    const format = (value, autoFixed = true) => {
       const {
         min,
         max,
@@ -73,7 +74,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       value = (0, import_utils.formatNumber)(String(value), !props.integer);
       value = value === "" ? 0 : +value;
       value = Number.isNaN(value) ? +min : value;
-      value = Math.max(Math.min(+max, value), +min);
+      value = autoFixed ? Math.max(Math.min(+max, value), +min) : value;
       if ((0, import_utils.isDef)(decimalLength)) {
         value = value.toFixed(+decimalLength);
       }
@@ -157,7 +158,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const onBlur = (event) => {
       const input = event.target;
-      const value = format(input.value);
+      const value = format(input.value, props.autoFixed);
       input.value = String(value);
       current.value = value;
       (0, import_vue2.nextTick)(() => {

package/lib/stepper/index.d.ts

@@ -34,6 +34,10 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -84,6 +88,10 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -117,6 +125,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     showMinus: boolean;
     showInput: boolean;
     longPress: boolean;
+    autoFixed: boolean;
     allowEmpty: boolean;
     disablePlus: boolean;
     disableMinus: boolean;

package/lib/tabs/Tabs.js

@@ -171,17 +171,19 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const newTab = children[newIndex];
       const newName = getTabName(newTab, newIndex);
       const shouldEmitChange = state.currentIndex !== null;
-      state.currentIndex = newIndex;
+      if (state.currentIndex !== newIndex) {
+        state.currentIndex = newIndex;
+        if (!skipScrollIntoView) {
+          scrollIntoView();
+        }
+        setLine();
+      }
       if (newName !== props.active) {
         emit("update:active", newName);
         if (shouldEmitChange) {
           emit("change", newName, newTab.title);
         }
       }
-      if (!skipScrollIntoView) {
-        scrollIntoView();
-      }
-      setLine();
       if (stickyFixed && !props.scrollspy) {
         (0, import_utils.setRootScrollTop)(Math.ceil((0, import_utils.getElementTop)(root.value) - offsetTopPx.value));
       }
@@ -280,13 +282,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const renderHeader = () => {
-      var _a, _b;
+      var _a, _b, _c;
       const {
         type,
-        border
+        border,
+        sticky
       } = props;
-      return (0, import_vue.createVNode)("div", {
-        "ref": wrapRef,
+      const Header = [(0, import_vue.createVNode)("div", {
+        "ref": sticky ? void 0 : wrapRef,
         "class": [bem("wrap"), {
           [import_utils.BORDER_TOP_BOTTOM]: type === "line" && border
         }]
@@ -299,7 +302,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }]),
         "style": navStyle.value,
         "aria-orientation": "horizontal"
-      }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), renderNav(), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]);
+      }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), renderNav(), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
+      if (sticky) {
+        return (0, import_vue.createVNode)("div", {
+          "ref": wrapRef
+        }, [Header]);
+      }
+      return Header;
     };
     (0, import_vue2.watch)([() => props.color, import_utils.windowWidth], setLine);
     (0, import_vue2.watch)(() => props.active, (value) => {
@@ -353,36 +362,30 @@ var stdin_default = (0, import_vue2.defineComponent)({
       currentName,
       scrollIntoView
     });
-    return () => {
-      var _a;
-      return (0, import_vue.createVNode)("div", {
-        "ref": root,
-        "class": bem([props.type])
-      }, [props.sticky ? (0, import_vue.createVNode)(import_sticky.Sticky, {
-        "container": root.value,
-        "offsetTop": offsetTopPx.value,
-        "onScroll": onStickyScroll
-      }, {
-        default: () => {
-          var _a2;
-          return [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)];
-        }
-      }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], (0, import_vue.createVNode)(import_TabsContent.default, {
-        "ref": contentRef,
-        "count": children.length,
-        "inited": state.inited,
-        "animated": props.animated,
-        "duration": props.duration,
-        "swipeable": props.swipeable,
-        "lazyRender": props.lazyRender,
-        "currentIndex": state.currentIndex,
-        "onChange": setCurrentIndex
-      }, {
-        default: () => {
-          var _a2;
-          return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
-        }
-      })]);
-    };
+    return () => (0, import_vue.createVNode)("div", {
+      "ref": root,
+      "class": bem([props.type])
+    }, [props.sticky ? (0, import_vue.createVNode)(import_sticky.Sticky, {
+      "container": root.value,
+      "offsetTop": offsetTopPx.value,
+      "onScroll": onStickyScroll
+    }, {
+      default: () => [renderHeader()]
+    }) : renderHeader(), (0, import_vue.createVNode)(import_TabsContent.default, {
+      "ref": contentRef,
+      "count": children.length,
+      "inited": state.inited,
+      "animated": props.animated,
+      "duration": props.duration,
+      "swipeable": props.swipeable,
+      "lazyRender": props.lazyRender,
+      "currentIndex": state.currentIndex,
+      "onChange": setCurrentIndex
+    }, {
+      default: () => {
+        var _a;
+        return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+      }
+    })]);
   }
 });

package/lib/time-picker/TimePicker.js

@@ -68,13 +68,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (!(0, import_utils.isSameValue)(newValues, props.modelValue)) {
         emit("update:modelValue", newValues);
       }
-    }, {
-      immediate: true
     });
     (0, import_vue2.watch)(() => props.modelValue, (newValues) => {
+      newValues = (0, import_utils2.formatValueRange)(newValues, columns.value);
       if (!(0, import_utils.isSameValue)(newValues, currentValues.value)) {
         currentValues.value = newValues;
       }
+    }, {
+      immediate: true
     });
     const onChange = (...args) => emit("change", ...args);
     const onCancel = (...args) => emit("cancel", ...args);

package/lib/vant.cjs.js

@@ -739,6 +739,13 @@ var stdin_default$1z = vue.defineComponent({
     const spinnerStyle = vue.computed(() => extend({
       color: props.color
     }, getSizeStyle(props.size)));
+    const renderIcon = () => {
+      const DefaultIcon = props.type === "spinner" ? SpinIcon : CircularIcon;
+      return vue.createVNode("span", {
+        "class": bem$1n("spinner", props.type),
+        "style": spinnerStyle.value
+      }, [slots.icon ? slots.icon() : DefaultIcon]);
+    };
     const renderText = () => {
       var _a;
       if (slots.default) {
@@ -762,10 +769,7 @@ var stdin_default$1z = vue.defineComponent({
         }]),
         "aria-live": "polite",
         "aria-busy": true
-      }, [vue.createVNode("span", {
-        "class": bem$1n("spinner", type),
-        "style": spinnerStyle.value
-      }, [type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
+      }, [renderIcon(), renderText()]);
     };
   }
 });
@@ -2643,17 +2647,19 @@ var stdin_default$1m = vue.defineComponent({
       const newTab = children[newIndex];
       const newName = getTabName(newTab, newIndex);
       const shouldEmitChange = state.currentIndex !== null;
-      state.currentIndex = newIndex;
+      if (state.currentIndex !== newIndex) {
+        state.currentIndex = newIndex;
+        if (!skipScrollIntoView) {
+          scrollIntoView();
+        }
+        setLine();
+      }
       if (newName !== props.active) {
         emit("update:active", newName);
         if (shouldEmitChange) {
           emit("change", newName, newTab.title);
         }
       }
-      if (!skipScrollIntoView) {
-        scrollIntoView();
-      }
-      setLine();
       if (stickyFixed && !props.scrollspy) {
         setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
       }
@@ -2752,13 +2758,14 @@ var stdin_default$1m = vue.defineComponent({
       }
     };
     const renderHeader = () => {
-      var _a, _b;
+      var _a, _b, _c;
       const {
         type,
-        border
+        border,
+        sticky
       } = props;
-      return vue.createVNode("div", {
-        "ref": wrapRef,
+      const Header = [vue.createVNode("div", {
+        "ref": sticky ? void 0 : wrapRef,
         "class": [bem$1a("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
@@ -2771,7 +2778,13 @@ var stdin_default$1m = vue.defineComponent({
         }]),
         "style": navStyle.value,
         "aria-orientation": "horizontal"
-      }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), renderNav(), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]);
+      }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), renderNav(), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
+      if (sticky) {
+        return vue.createVNode("div", {
+          "ref": wrapRef
+        }, [Header]);
+      }
+      return Header;
     };
     vue.watch([() => props.color, windowWidth], setLine);
     vue.watch(() => props.active, (value) => {
@@ -2825,37 +2838,31 @@ var stdin_default$1m = vue.defineComponent({
       currentName,
       scrollIntoView
     });
-    return () => {
-      var _a;
-      return vue.createVNode("div", {
-        "ref": root,
-        "class": bem$1a([props.type])
-      }, [props.sticky ? vue.createVNode(Sticky, {
-        "container": root.value,
-        "offsetTop": offsetTopPx.value,
-        "onScroll": onStickyScroll
-      }, {
-        default: () => {
-          var _a2;
-          return [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)];
-        }
-      }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], vue.createVNode(stdin_default$1n, {
-        "ref": contentRef,
-        "count": children.length,
-        "inited": state.inited,
-        "animated": props.animated,
-        "duration": props.duration,
-        "swipeable": props.swipeable,
-        "lazyRender": props.lazyRender,
-        "currentIndex": state.currentIndex,
-        "onChange": setCurrentIndex
-      }, {
-        default: () => {
-          var _a2;
-          return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
-        }
-      })]);
-    };
+    return () => vue.createVNode("div", {
+      "ref": root,
+      "class": bem$1a([props.type])
+    }, [props.sticky ? vue.createVNode(Sticky, {
+      "container": root.value,
+      "offsetTop": offsetTopPx.value,
+      "onScroll": onStickyScroll
+    }, {
+      default: () => [renderHeader()]
+    }) : renderHeader(), vue.createVNode(stdin_default$1n, {
+      "ref": contentRef,
+      "count": children.length,
+      "inited": state.inited,
+      "animated": props.animated,
+      "duration": props.duration,
+      "swipeable": props.swipeable,
+      "lazyRender": props.lazyRender,
+      "currentIndex": state.currentIndex,
+      "onChange": setCurrentIndex
+    }, {
+      default: () => {
+        var _a;
+        return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+      }
+    })]);
   }
 });
 const TAB_STATUS_KEY = Symbol();
@@ -4191,9 +4198,9 @@ var stdin_default$1e = vue.defineComponent({
       const labelAlign = getProp("labelAlign");
       const Label = renderLabel();
       const LeftIcon = renderLeftIcon();
+      const renderTitle = () => labelAlign === "top" ? [LeftIcon, Label] : Label;
       return vue.createVNode(Cell, {
         "size": props.size,
-        "icon": props.leftIcon,
         "class": bem$13({
           error: showError.value,
           disabled,
@@ -4210,8 +4217,8 @@ var stdin_default$1e = vue.defineComponent({
         }]), props.labelClass],
         "arrowDirection": props.arrowDirection
       }, {
-        icon: LeftIcon ? () => LeftIcon : null,
-        title: Label ? () => Label : null,
+        icon: LeftIcon && labelAlign !== "top" ? () => LeftIcon : null,
+        title: Label || labelAlign === "top" ? renderTitle : null,
         value: renderFieldBody,
         extra: slots.extra
       });
@@ -5399,6 +5406,16 @@ const genOptions = (min, max, type, formatter, filter) => {
   });
   return filter ? filter(type, options) : options;
 };
+const formatValueRange = (values, columns) => values.map((value, index) => {
+  const column = columns[index];
+  if (column.length) {
+    const maxValue = +column[column.length - 1].value;
+    if (+value > maxValue) {
+      return String(maxValue);
+    }
+  }
+  return value;
+});
 const [name$Y] = createNamespace("calendar-day");
 var stdin_default$13 = vue.defineComponent({
   name: name$Y,
@@ -8334,9 +8351,12 @@ var stdin_default$I = vue.defineComponent({
       }
     });
     vue.watch(() => props.modelValue, (newValues) => {
+      newValues = formatValueRange(newValues, columns.value);
       if (!isSameValue(newValues, currentValues.value)) {
         currentValues.value = newValues;
       }
+    }, {
+      immediate: true
     });
     const onChange = (...args) => emit("change", ...args);
     const onCancel = (...args) => emit("cancel", ...args);
@@ -10017,7 +10037,8 @@ const navBarProps = {
   rightText: String,
   leftArrow: Boolean,
   placeholder: Boolean,
-  safeAreaInsetTop: Boolean
+  safeAreaInsetTop: Boolean,
+  clickable: truthProp
 };
 var stdin_default$w = vue.defineComponent({
   name: name$r,
@@ -10072,12 +10093,12 @@ var stdin_default$w = vue.defineComponent({
       }, [vue.createVNode("div", {
         "class": bem$q("content")
       }, [hasLeft && vue.createVNode("div", {
-        "class": [bem$q("left"), HAPTICS_FEEDBACK],
+        "class": [bem$q("left"), props.clickable ? HAPTICS_FEEDBACK : ""],
         "onClick": onClickLeft
       }, [renderLeft()]), vue.createVNode("div", {
         "class": [bem$q("title"), "van-ellipsis"]
       }, [slots.title ? slots.title() : title]), hasRight && vue.createVNode("div", {
-        "class": [bem$q("right"), HAPTICS_FEEDBACK],
+        "class": [bem$q("right"), props.clickable ? HAPTICS_FEEDBACK : ""],
         "onClick": onClickRight
       }, [renderRight()])])]);
     };
@@ -12410,6 +12431,7 @@ const stepperProps = {
   showMinus: truthProp,
   showInput: truthProp,
   longPress: truthProp,
+  autoFixed: truthProp,
   allowEmpty: Boolean,
   modelValue: numericProp,
   inputWidth: numericProp,
@@ -12429,7 +12451,7 @@ var stdin_default$c = vue.defineComponent({
   setup(props, {
     emit
   }) {
-    const format2 = (value) => {
+    const format2 = (value, autoFixed = true) => {
       const {
         min,
         max,
@@ -12442,7 +12464,7 @@ var stdin_default$c = vue.defineComponent({
       value = formatNumber(String(value), !props.integer);
       value = value === "" ? 0 : +value;
       value = Number.isNaN(value) ? +min : value;
-      value = Math.max(Math.min(+max, value), +min);
+      value = autoFixed ? Math.max(Math.min(+max, value), +min) : value;
       if (isDef(decimalLength)) {
         value = value.toFixed(+decimalLength);
       }
@@ -12526,7 +12548,7 @@ var stdin_default$c = vue.defineComponent({
     };
     const onBlur = (event) => {
       const input = event.target;
-      const value = format2(input.value);
+      const value = format2(input.value, props.autoFixed);
       input.value = String(value);
       current2.value = value;
       vue.nextTick(() => {
@@ -13125,13 +13147,14 @@ var stdin_default$7 = vue.defineComponent({
       if (!isSameValue(newValues, props.modelValue)) {
         emit("update:modelValue", newValues);
       }
-    }, {
-      immediate: true
     });
     vue.watch(() => props.modelValue, (newValues) => {
+      newValues = formatValueRange(newValues, columns.value);
       if (!isSameValue(newValues, currentValues.value)) {
         currentValues.value = newValues;
       }
+    }, {
+      immediate: true
     });
     const onChange = (...args) => emit("change", ...args);
     const onCancel = (...args) => emit("cancel", ...args);
@@ -14552,7 +14575,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.4";
+const version = "4.0.0-rc.5";
 function install(app) {
   const components = [
     ActionBar,