vant 4.0.0-rc.3 → 4.0.0-rc.5

package/README.md

@@ -92,16 +92,15 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | --- | --- |
 | [vant-weapp](https://github.com/vant-ui/vant-weapp) | WeChat MiniProgram UI |
 | [vant-demo](https://github.com/vant-ui/vant-demo) | Collection of Vant demos |
-| [vant-cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli) | Scaffold for UI library |
-| [vant-icons](https://github.com/vant-ui/vant/tree/dev/packages/vant-icons) | Vant icons |
-| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers |
+| [vant-cli](https://github.com/vant-ui/vant/tree/main/packages/vant-cli) | Scaffold for UI library |
+| [vant-icons](https://github.com/vant-ui/vant/tree/main/packages/vant-icons) | Vant icons |
+| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/main/packages/vant-touch-emulator) | Using vant in desktop browsers |
 
 ## Community Ecosystem
 
 | Project | Description |
 | --- | --- |
 | [3lang3/react-vant](https://github.com/3lang3/react-vant) | React mobile UI Components based on Vant |
-| [rc-ui-lib](https://github.com/rancui/rc-ui-lib) | React mobile UI Components based on Vant |
 | [vant-aliapp](https://github.com/ant-move/Vant-Aliapp) | Alipay MiniProgram UI |
 | [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro |
 | [vant-theme](https://github.com/Aisen60/vant-theme) | Online theme preview built on Vant UI |
@@ -112,7 +111,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 
 - [Documentation](https://vant-ui.github.io/vant)
 - [Changelog](https://vant-ui.github.io/vant#/en-US/changelog)
-- [Gitter](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
+- [Discussions](https://github.com/vant-ui/vant/discussions)
 
 ## Preview
 

package/changelog.generated.md

@@ -1,47 +1,71 @@
-### [v4.0.0-rc.3](https://github.com/vant-ui/vant/compare/v4.0.0-rc.2...v4.0.0-rc.3)
+### [v4.0.0-rc.5](https://github.com/vant-ui/vant/compare/v4.0.0-rc.4...v4.0.0-rc.5)
 
-`2022-09-12`
+`2022-10-07`
+
+**Bug Fixes**
+
+- cli: duplicate vue in first dev [#11120](https://github.com/vant-ui/vant/issues/11120)
+- DatePicker: format value when exceed max date [#11122](https://github.com/vant-ui/vant/issues/11122)
+- Field: icon position when label align is top [#11112](https://github.com/vant-ui/vant/issues/11112)
+- Tabs: incorrect nav scroll animation in some cases [#11116](https://github.com/vant-ui/vant/issues/11116)
+- Tabs: scroll position when using nav-bottom slot [#11115](https://github.com/vant-ui/vant/issues/11115)
 
 **Document**
 
-- changelog: vant@4.0.0-rc.2 [#11029](https://github.com/vant-ui/vant/issues/11029)
-- fix missing z-index prop in document [#11031](https://github.com/vant-ui/vant/issues/11031)
+- add faq of uni-app [#11114](https://github.com/vant-ui/vant/issues/11114)
+- changelog: @vant/cli 5.0.1 [#11118](https://github.com/vant-ui/vant/issues/11118)
+- changelog: vant@4.0.0-rc.4 [#11088](https://github.com/vant-ui/vant/issues/11088)
+- Field: add label-align demo [#11121](https://github.com/vant-ui/vant/issues/11121)
+- fix website redirect [#11097](https://github.com/vant-ui/vant/issues/11097)
+- Navbar: update clickable description [#11110](https://github.com/vant-ui/vant/issues/11110)
 
 **Feature**
 
-- add themeVars type of all components [#11034](https://github.com/vant-ui/vant/issues/11034)
-- Notify: add z-index prop [#11032](https://github.com/vant-ui/vant/issues/11032)
+- add label-position:top for field and form [#11102](https://github.com/vant-ui/vant/issues/11102)
+- cli: bump jest v29 [#11117](https://github.com/vant-ui/vant/issues/11117)
+- cli: using @vant/cli v5 in template [#11119](https://github.com/vant-ui/vant/issues/11119)
+- Loading: add icon slot [#11109](https://github.com/vant-ui/vant/issues/11109)
+- nav-bar: add clickable prop to nav-bar component [#11048](https://github.com/vant-ui/vant/issues/11048)
+- Stepper: add auto-fixed prop [#11071](https://github.com/vant-ui/vant/issues/11071)
 
 **perf**
 
-- remove popperjs to reduce install size [#11030](https://github.com/vant-ui/vant/issues/11030)
+- cli: code split documents [#11111](https://github.com/vant-ui/vant/issues/11111)
 
 **release**
 
-- @vant/popperjs 1.3.0 [16c1f3](https://github.com/vant-ui/vant/commit/16c1f35135d93090ad7b129a73a0569203c3825d)
+- @vant/cli 5.0.1 [843c16](https://github.com/vant-ui/vant/commit/843c167376eee77c763b705a18052ac2ac28692a)
+- @vant/cli 5.0.2 [d49c1f](https://github.com/vant-ui/vant/commit/d49c1fb94aeb0167cba56092d29c63ad3c1c9358)
+### [v4.0.0-rc.4](https://github.com/vant-ui/vant/compare/v4.0.0-rc.3...v4.0.0-rc.4)
 
-**Types**
-
-- some theme vars can be number type [#11037](https://github.com/vant-ui/vant/issues/11037)
-- Toast: fix missing global components type [#11033](https://github.com/vant-ui/vant/issues/11033)
-### [v4.0.0-rc.2](https://github.com/vant-ui/vant/compare/v4.0.0-rc.1...v4.0.0-rc.2)
-
-`2022-09-11`
+`2022-09-25`
 
 **Bug Fixes**
 
-- attach css variables to :root element [#11026](https://github.com/vant-ui/vant/issues/11026)
-- Dialog: incorrect transform behavior [#11028](https://github.com/vant-ui/vant/issues/11028)
+- cli: downgrade vite version to fix the website [#11087](https://github.com/vant-ui/vant/issues/11087)
+- cli: should remove light theme class in dark mode [#11039](https://github.com/vant-ui/vant/issues/11039)
+- Tabs: incorrect scroll position in some cases [#11085](https://github.com/vant-ui/vant/issues/11085)
+- Tabs: incorrect scroll position when inited [#11059](https://github.com/vant-ui/vant/issues/11059)
 
 **Document**
 
-- changelog: vant@4.0.0-rc.1 [#11025](https://github.com/vant-ui/vant/issues/11025)
-- fix legacy css variables in demo [b6f2eb](https://github.com/vant-ui/vant/commit/b6f2eb3e2a101e8dbae14d7649f98afa514af539)
+- Cascader: update field-names type [#11052](https://github.com/vant-ui/vant/issues/11052)
+- changelog: vant@4.0.0-rc.3 [#11038](https://github.com/vant-ui/vant/issues/11038)
+- improve dark theme guide [#11040](https://github.com/vant-ui/vant/issues/11040)
+- PickerGroup: fix TimePicker link error [#11053](https://github.com/vant-ui/vant/issues/11053)
+- update links [#11041](https://github.com/vant-ui/vant/issues/11041)
 
-**release**
+**Feature**
+
+- Field: add message param to 'end-validate' method [#11080](https://github.com/vant-ui/vant/issues/11080)
 
-- 4.0.0-rc.2 [bcae14](https://github.com/vant-ui/vant/commit/bcae14d7cbfcf623bf56a21a5d51bc5b7f1baa67)
+**perf**
 
-**style**
+- improve the type of setTimeout [#11069](https://github.com/vant-ui/vant/issues/11069)
+- move @vant/icons to dev dependencies [#11075](https://github.com/vant-ui/vant/issues/11075)
+
+**release**
 
-- Empty: fix opacity in dark mode [#11027](https://github.com/vant-ui/vant/issues/11027)
+- @vant/cli 5.0.0-beta.0 [#11082](https://github.com/vant-ui/vant/issues/11082)
+- 4.0.0-rc.4 [6d2705](https://github.com/vant-ui/vant/commit/6d2705f578190d2af76419e50bb8dd2f4f084ed9)
+- vant@1.4.3 [#11076](https://github.com/vant-ui/vant/issues/11076)

package/es/date-picker/DatePicker.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, watch, computed, defineComponent } from "vue";
 import { pick, extend, isDate, isSameValue, createNamespace } from "../utils/index.mjs";
-import { genOptions, sharedProps, getMonthEndDay, pickerInheritKeys } from "./utils.mjs";
+import { genOptions, sharedProps, getMonthEndDay, pickerInheritKeys, formatValueRange } from "./utils.mjs";
 import { Picker } from "../picker/index.mjs";
 const currentYear = new Date().getFullYear();
 const [name] = createNamespace("date-picker");
@@ -89,9 +89,12 @@ var stdin_default = defineComponent({
       }
     });
     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);

package/es/date-picker/utils.d.ts

@@ -41,4 +41,5 @@ export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "all
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare const getMonthEndDay: (year: number, month: number) => number;
 export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter) => PickerOption[];
+export declare const formatValueRange: (values: string[], columns: PickerOption[]) => string[];
 export {};

package/es/date-picker/utils.mjs

@@ -31,7 +31,18 @@ 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;
+});
 export {
+  formatValueRange,
   genOptions,
   getMonthEndDay,
   pickerInheritKeys,

package/es/field/Field.mjs

@@ -137,7 +137,8 @@ var stdin_default = defineComponent({
       state.validateMessage = "";
     };
     const endValidate = () => emit("endValidate", {
-      status: state.status
+      status: state.status,
+      message: state.validateMessage
     });
     const validate = (rules = props.rules) => new Promise((resolve) => {
       resetValidation();
@@ -426,9 +427,9 @@ var stdin_default = defineComponent({
       const labelAlign = getProp("labelAlign");
       const Label = renderLabel();
       const LeftIcon = renderLeftIcon();
+      const renderTitle = () => labelAlign === "top" ? [LeftIcon, Label] : Label;
       return _createVNode(Cell, {
         "size": props.size,
-        "icon": props.leftIcon,
         "class": bem({
           error: showError.value,
           disabled,
@@ -445,8 +446,8 @@ var stdin_default = 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
       });

package/es/field/index.css

@@ -1 +1 @@
-:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required:before{margin-right:2px;color:var(--van-field-required-mark-color);content:"*"}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
+:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field{flex-wrap:wrap}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--top{display:flex;width:100%;text-align:left;margin-bottom:var(--van-padding-base)}.van-field__label--required:before{margin-right:2px;color:var(--van-field-required-mark-color);content:"*"}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}

package/es/field/types.d.ts

@@ -1,7 +1,7 @@
 import type { ComputedRef, ComponentPublicInstance } from 'vue';
 import type { FieldProps } from './Field';
 export declare type FieldType = 'tel' | 'url' | 'date' | 'file' | 'text' | 'time' | 'week' | 'color' | 'digit' | 'email' | 'image' | 'month' | 'radio' | 'range' | 'reset' | 'button' | 'hidden' | 'number' | 'search' | 'submit' | 'checkbox' | 'password' | 'textarea' | 'datetime-local';
-export declare type FieldTextAlign = 'left' | 'center' | 'right';
+export declare type FieldTextAlign = 'left' | 'center' | 'right' | 'top';
 export declare type FieldClearTrigger = 'always' | 'focus';
 export declare type FieldFormatTrigger = 'onBlur' | 'onChange';
 export declare type FieldValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';

package/es/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.3";
+export const version: "4.0.0-rc.5";

package/es/index.mjs

@@ -86,7 +86,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "4.0.0-rc.3";
+const version = "4.0.0-rc.5";
 function install(app) {
   const components = [
     ActionBar,

package/es/loading/Loading.mjs

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

package/es/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/es/nav-bar/NavBar.mjs

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

package/es/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/es/notify/function-call.mjs

@@ -52,7 +52,7 @@ function showNotify(options) {
   instance.open(options);
   clearTimeout(timer);
   if (options.duration > 0) {
-    timer = window.setTimeout(closeNotify, options.duration);
+    timer = setTimeout(closeNotify, options.duration);
   }
   return instance;
 }

package/es/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/es/stepper/Stepper.mjs

@@ -18,6 +18,7 @@ const stepperProps = {
   showMinus: truthProp,
   showInput: truthProp,
   longPress: truthProp,
+  autoFixed: truthProp,
   allowEmpty: Boolean,
   modelValue: numericProp,
   inputWidth: numericProp,
@@ -37,7 +38,7 @@ var stdin_default = defineComponent({
   setup(props, {
     emit
   }) {
-    const format = (value) => {
+    const format = (value, autoFixed = true) => {
       const {
         min,
         max,
@@ -50,7 +51,7 @@ var stdin_default = 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);
       }
@@ -134,7 +135,7 @@ var stdin_default = 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;
       nextTick(() => {

package/es/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/es/tab/Tab.mjs

@@ -2,7 +2,7 @@ import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _cre
 import { ref, watch, provide, computed, nextTick, defineComponent } from "vue";
 import { extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils/index.mjs";
 import { TABS_KEY } from "../tabs/Tabs.mjs";
-import { useParent } from "@vant/use";
+import { doubleRaf, useParent } from "@vant/use";
 import { useId } from "../composables/use-id.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 import { routeProps } from "../composables/use-route.mjs";
@@ -56,6 +56,16 @@ var stdin_default = defineComponent({
       }
       return isActive;
     });
+    const hasInactiveClass = ref(!active.value);
+    watch(active, (val) => {
+      if (val) {
+        hasInactiveClass.value = false;
+      } else {
+        doubleRaf(() => {
+          hasInactiveClass.value = true;
+        });
+      }
+    });
     watch(() => props.title, () => {
       parent.setLine();
       parent.scrollIntoView();
@@ -79,7 +89,7 @@ var stdin_default = defineComponent({
           "id": id,
           "role": "tabpanel",
           "class": bem("panel-wrapper", {
-            inactive: !active.value
+            inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
           "aria-hidden": !active.value,