vant 3.2.2 → 3.2.6

package/es/index-bar/IndexBar.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, nextTick, Teleport, onMounted, defineComponent } from 'vue'; // Utils
 
-import { isDef, isHidden, truthProp, getScrollTop, preventDefault, createNamespace, getRootScrollTop, setRootScrollTop } from '../utils'; // Composables
+import { isDef, isHidden, truthProp, numericProp, getScrollTop, preventDefault, makeNumberProp, createNamespace, getRootScrollTop, setRootScrollTop } from '../utils'; // Composables
 
 import { useRect, useChildren, useScrollParent, useEventListener } from '@vant/use';
 import { useTouch } from '../composables/use-touch';
@@ -16,13 +16,10 @@ function genAlphabet() {
 var [name, bem] = createNamespace('index-bar');
 var props = {
   sticky: truthProp,
-  zIndex: [Number, String],
+  zIndex: numericProp,
   teleport: [String, Object],
   highlightColor: String,
-  stickyOffsetTop: {
-    type: Number,
-    default: 0
-  },
+  stickyOffsetTop: makeNumberProp(0),
   indexList: {
     type: Array,
     default: genAlphabet
@@ -64,17 +61,6 @@ export default defineComponent({
       }
     });
 
-    var getScrollerRect = () => {
-      if ('getBoundingClientRect' in scrollParent.value) {
-        return useRect(scrollParent);
-      }
-
-      return {
-        top: 0,
-        left: 0
-      };
-    };
-
     var getActiveAnchor = (scrollTop, rects) => {
       for (var i = children.length - 1; i >= 0; i--) {
         var prevHeight = i > 0 ? rects[i - 1].height : 0;
@@ -98,7 +84,7 @@ export default defineComponent({
         indexList
       } = props;
       var scrollTop = getScrollTop(scrollParent.value);
-      var scrollParentRect = getScrollerRect();
+      var scrollParentRect = useRect(scrollParent);
       var rects = children.map(item => item.getRect(scrollParent.value, scrollParentRect));
       var active = getActiveAnchor(scrollTop, rects);
       activeAnchor.value = indexList[active];

package/es/index-bar/index.d.ts

@@ -1,3 +1,4 @@
+import { IndexBarProps } from './IndexBar';
 export declare const IndexBar: import("../utils").WithInstall<import("vue").DefineComponent<{
     sticky: {
         type: BooleanConstructor;
@@ -38,4 +39,5 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
     indexList: string[];
 }>>;
 export default IndexBar;
+export type { IndexBarProps };
 export type { IndexBarInstance } from './types';

package/es/index.d.ts

@@ -90,4 +90,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.2.2";
+export const version: "3.2.6";

package/es/index.js

@@ -84,7 +84,7 @@ import { Tag } from './tag';
 import { Toast } from './toast';
 import { TreeSelect } from './tree-select';
 import { Uploader } from './uploader';
-var version = '3.2.2';
+var version = '3.2.6';
 
 function install(app) {
   var components = [ActionBar, ActionBarButton, ActionBarIcon, ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ConfigProvider, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Grid, GridItem, Icon, Image, ImagePreview, IndexAnchor, IndexBar, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader];

package/es/list/List.d.ts

@@ -1,55 +1,55 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
 declare const props: {
     error: BooleanConstructor;
+    offset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
     errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<ListDirection>;
+        default: ListDirection;
+    };
     loadingText: StringConstructor;
     finishedText: StringConstructor;
     immediateCheck: {
         type: BooleanConstructor;
         default: true;
     };
-    offset: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: PropType<ListDirection>;
-        default: string;
-    };
 };
 export declare type ListProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
     error: BooleanConstructor;
+    offset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
     errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<ListDirection>;
+        default: ListDirection;
+    };
     loadingText: StringConstructor;
     finishedText: StringConstructor;
     immediateCheck: {
         type: BooleanConstructor;
         default: true;
     };
-    offset: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: PropType<ListDirection>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "update:error" | "update:loading")[], "load" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     error?: unknown;
+    offset?: unknown;
     loading?: unknown;
     finished?: unknown;
     errorText?: unknown;
+    direction?: unknown;
     loadingText?: unknown;
     finishedText?: unknown;
     immediateCheck?: unknown;
-    offset?: unknown;
-    direction?: unknown;
 } & {
     offset: string | number;
     error: boolean;

package/es/list/List.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, nextTick, onUpdated, onMounted, defineComponent } from 'vue'; // Utils
 
-import { isHidden, truthProp, createNamespace } from '../utils'; // Composables
+import { isHidden, truthProp, makeStringProp, makeNumericProp, createNamespace } from '../utils'; // Composables
 
 import { useRect, useScrollParent, useEventListener } from '@vant/use';
 import { useExpose } from '../composables/use-expose';
@@ -12,20 +12,14 @@ import { Loading } from '../loading'; // Types
 var [name, bem, t] = createNamespace('list');
 var props = {
   error: Boolean,
+  offset: makeNumericProp(300),
   loading: Boolean,
   finished: Boolean,
   errorText: String,
+  direction: makeStringProp('down'),
   loadingText: String,
   finishedText: String,
-  immediateCheck: truthProp,
-  offset: {
-    type: [Number, String],
-    default: 300
-  },
-  direction: {
-    type: String,
-    default: 'down'
-  }
+  immediateCheck: truthProp
 };
 export default defineComponent({
   name,

package/es/list/index.d.ts

@@ -1,32 +1,33 @@
+import { ListProps } from './List';
 export declare const List: import("../utils").WithInstall<import("vue").DefineComponent<{
     error: BooleanConstructor;
+    offset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
     errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<import("./types").ListDirection>;
+        default: import("./types").ListDirection;
+    };
     loadingText: StringConstructor;
     finishedText: StringConstructor;
     immediateCheck: {
         type: BooleanConstructor;
         default: true;
     };
-    offset: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: import("vue").PropType<import("./types").ListDirection>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "update:error" | "update:loading")[], "load" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     error?: unknown;
+    offset?: unknown;
     loading?: unknown;
     finished?: unknown;
     errorText?: unknown;
+    direction?: unknown;
     loadingText?: unknown;
     finishedText?: unknown;
     immediateCheck?: unknown;
-    offset?: unknown;
-    direction?: unknown;
 } & {
     offset: string | number;
     error: boolean;
@@ -51,4 +52,5 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     immediateCheck: boolean;
 }>>;
 export default List;
+export type { ListProps };
 export type { ListInstance, ListDirection } from './types';

package/es/loading/Loading.d.ts

@@ -1,22 +1,21 @@
-import { PropType } from 'vue';
 export declare type LoadingType = 'circular' | 'spinner';
 declare const _default: import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<LoadingType>;
+        default: LoadingType;
+    };
     color: StringConstructor;
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
-    type: {
-        type: PropType<LoadingType>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     size?: unknown;
+    type?: unknown;
     color?: unknown;
     vertical?: unknown;
     textSize?: unknown;
     textColor?: unknown;
-    type?: unknown;
 } & {
     type: LoadingType;
     vertical: boolean;
@@ -25,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     size?: string | number | undefined;
     textSize?: string | number | undefined;
     textColor?: string | undefined;
-}> & {}, {
+}>, {
     type: LoadingType;
     vertical: boolean;
 }>;

package/es/loading/Loading.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue';
-import { createNamespace, addUnit, getSizeStyle, extend } from '../utils';
+import { extend, addUnit, numericProp, getSizeStyle, makeStringProp, createNamespace } from '../utils';
 var [name, bem] = createNamespace('loading');
 var SpinIcon = Array(12).fill(null).map((_, index) => _createVNode("i", {
   "class": bem('line', String(index + 1))
@@ -19,15 +19,12 @@ var CircularIcon = _createVNode("svg", {
 export default defineComponent({
   name,
   props: {
-    size: [Number, String],
+    size: numericProp,
+    type: makeStringProp('circular'),
     color: String,
     vertical: Boolean,
-    textSize: [Number, String],
-    textColor: String,
-    type: {
-      type: String,
-      default: 'circular'
-    }
+    textSize: numericProp,
+    textColor: String
   },
 
   setup(props, {

package/es/loading/index.d.ts

@@ -1,20 +1,20 @@
 export declare const Loading: import("../utils").WithInstall<import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<import("./Loading").LoadingType>;
+        default: import("./Loading").LoadingType;
+    };
     color: StringConstructor;
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
-    type: {
-        type: import("vue").PropType<import("./Loading").LoadingType>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     size?: unknown;
+    type?: unknown;
     color?: unknown;
     vertical?: unknown;
     textSize?: unknown;
     textColor?: unknown;
-    type?: unknown;
 } & {
     type: import("./Loading").LoadingType;
     vertical: boolean;
@@ -23,7 +23,7 @@ export declare const Loading: import("../utils").WithInstall<import("vue").Defin
     size?: string | number | undefined;
     textSize?: string | number | undefined;
     textColor?: string | undefined;
-}> & {}, {
+}>, {
     type: import("./Loading").LoadingType;
     vertical: boolean;
 }>>;

package/es/locale/lang/de-DE-formal.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/de-DE-formal.js

@@ -8,7 +8,6 @@ export default {
   loading: 'Laden...',
   noCoupon: 'Keine Coupons',
   nameEmpty: 'Bitte geben Sie den Name an',
-  confirmDelete: 'Sind Sie sicher, dass Sie löschen möchten?',
   telInvalid: 'Ungültige Telefonnummer',
   vanCalendar: {
     end: 'Ende',

package/es/locale/lang/de-DE.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/de-DE.js

@@ -8,7 +8,6 @@ export default {
   loading: 'Laden...',
   noCoupon: 'Keine Coupons',
   nameEmpty: 'Bitte den Name angeben',
-  confirmDelete: 'Bist du sicher, dass du löschen möchtest?',
   telInvalid: 'Ungültige Telefonnummer',
   vanCalendar: {
     end: 'Ende',

package/es/locale/lang/en-US.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/en-US.js

@@ -8,7 +8,6 @@ export default {
   loading: 'Loading...',
   noCoupon: 'No coupons',
   nameEmpty: 'Please fill in the name',
-  confirmDelete: 'Are you sure you want to delete?',
   telInvalid: 'Malformed phone number',
   vanCalendar: {
     end: 'End',

package/es/locale/lang/es-ES.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/es-ES.js

@@ -8,7 +8,6 @@ export default {
   loading: 'Cargando...',
   noCoupon: 'Sin cupones',
   nameEmpty: 'Por favor rellena el nombre',
-  confirmDelete: 'Estás seguro de eliminarlo?',
   telInvalid: 'Teléfono inválido',
   vanCalendar: {
     end: 'Fin',

package/es/locale/lang/fr-FR.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/fr-FR.js

@@ -8,7 +8,6 @@ export default {
   loading: 'Chargement...',
   noCoupon: 'Pas de coupons',
   nameEmpty: 'Veuillez remplir le nom',
-  confirmDelete: 'Êtes-vous sûr de vouloir supprimer?',
   telInvalid: 'Numéro de téléphone incorrect',
   vanCalendar: {
     end: 'Fin',

package/es/locale/lang/ja-JP.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/ja-JP.js

@@ -8,7 +8,6 @@ export default {
   loading: '読み込み中...',
   noCoupon: 'クーポンはありません',
   nameEmpty: '名前を入力してください',
-  confirmDelete: '本当に削除しますか',
   telInvalid: '正しい電話番号を入力してください',
   vanCalendar: {
     end: '終了',

package/es/locale/lang/nb-NO.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/nb-NO.js

@@ -8,7 +8,6 @@ export default {
   loading: 'Laster...',
   noCoupon: 'Ingen kuponger',
   nameEmpty: 'Vennligst fyll inn navn',
-  confirmDelete: 'Er du sikker på at du vil slette?',
   telInvalid: 'Ugyldig telefonnummer',
   vanCalendar: {
     end: 'Slutt',

package/es/locale/lang/ro-RO.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/ro-RO.js

@@ -8,7 +8,6 @@ export default {
   loading: 'Încărcare...',
   noCoupon: 'Fără cupoane',
   nameEmpty: 'Te rugăm să completezi numele',
-  confirmDelete: 'Ești sigur ca vrei sa stergi?',
   telInvalid: 'Număr de telefon invalid',
   vanCalendar: {
     end: 'Sfârșit',

package/es/locale/lang/ru-RU.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/ru-RU.js

@@ -8,7 +8,6 @@ export default {
   loading: 'Загрузка...',
   noCoupon: 'Нет купонов',
   nameEmpty: 'Пожалуйста укажите имя',
-  confirmDelete: 'Вы уверены, что хотите удалить?',
   telInvalid: 'Некорректный номер телефона',
   vanCalendar: {
     end: 'Конец',

package/es/locale/lang/th-TH.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/th-TH.js

@@ -8,7 +8,6 @@ export default {
   loading: 'กำลังโหลด...',
   noCoupon: 'ไม่มีคูปอง',
   nameEmpty: 'กรุณากรอกชื่อของคุณ',
-  confirmDelete: 'คุณแน่ใจว่าต้องการลบ',
   telInvalid: 'กรุณากรอกหมายเลขโทรศัพท์ที่ถูกต้อง',
   vanCalendar: {
     end: 'จบ',

package/es/locale/lang/tr-TR.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/tr-TR.js

@@ -8,7 +8,6 @@ export default {
   loading: 'Yükleniyor...',
   noCoupon: 'Kupon yok',
   nameEmpty: 'Lütfen isim giriniz',
-  confirmDelete: 'Silmek istediğinize emin misiniz?',
   telInvalid: 'Geçersiz tel. numarası',
   vanCalendar: {
     end: 'Son',

package/es/locale/lang/zh-CN.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/zh-CN.js

@@ -8,7 +8,6 @@ export default {
   loading: '加载中...',
   noCoupon: '暂无优惠券',
   nameEmpty: '请填写姓名',
-  confirmDelete: '确定要删除吗',
   telInvalid: '请填写正确的电话',
   vanCalendar: {
     end: '结束',

package/es/locale/lang/zh-HK.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/zh-HK.js

@@ -8,7 +8,6 @@ export default {
   loading: '加載中...',
   noCoupon: '暫無優惠券',
   nameEmpty: '請填寫姓名',
-  confirmDelete: '確定要刪除嗎',
   telInvalid: '請填寫正確的電話',
   vanCalendar: {
     end: '結束',

package/es/locale/lang/zh-TW.d.ts

@@ -8,7 +8,6 @@ declare const _default: {
     loading: string;
     noCoupon: string;
     nameEmpty: string;
-    confirmDelete: string;
     telInvalid: string;
     vanCalendar: {
         end: string;

package/es/locale/lang/zh-TW.js

@@ -8,7 +8,6 @@ export default {
   loading: '載入中...',
   noCoupon: '暫無優惠券',
   nameEmpty: '請填寫姓名',
-  confirmDelete: '確定要刪除嗎',
   telInvalid: '請填寫正確的電話',
   vanCalendar: {
     end: '結束',

package/es/nav-bar/NavBar.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, defineComponent } from 'vue'; // Utils
 
-import { truthProp, BORDER_BOTTOM, getZIndexStyle, createNamespace } from '../utils'; // Composables
+import { truthProp, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace } from '../utils'; // Composables
 
 import { usePlaceholder } from '../composables/use-placeholder'; // Components
 
@@ -12,7 +12,7 @@ export default defineComponent({
   props: {
     title: String,
     fixed: Boolean,
-    zIndex: [Number, String],
+    zIndex: numericProp,
     border: truthProp,
     leftText: String,
     rightText: String,

package/es/nav-bar/index.css

@@ -1 +1 @@
-:root{--van-nav-bar-height:46px;--van-nav-bar-background-color:var(--van-white);--van-nav-bar-arrow-size:16px;--van-nav-bar-icon-color:var(--van-primary-color);--van-nav-bar-text-color:var(--van-primary-color);--van-nav-bar-title-font-size:var(--van-font-size-lg);--van-nav-bar-title-text-color:var(--van-text-color);--van-nav-bar-z-index:1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background-color:var(--van-nav-bar-background-color);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md);cursor:pointer}.van-nav-bar__left:active,.van-nav-bar__right:active{opacity:var(--van-active-opacity)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}
+:root{--van-nav-bar-height:46px;--van-nav-bar-background-color:var(--van-white);--van-nav-bar-arrow-size:16px;--van-nav-bar-icon-color:var(--van-primary-color);--van-nav-bar-text-color:var(--van-primary-color);--van-nav-bar-title-font-size:var(--van-font-size-lg);--van-nav-bar-title-text-color:var(--van-text-color);--van-nav-bar-z-index:1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background-color);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md);cursor:pointer}.van-nav-bar__left:active,.van-nav-bar__right:active{opacity:var(--van-active-opacity)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}

package/es/nav-bar/index.less

@@ -16,7 +16,7 @@
   z-index: var(--van-nav-bar-z-index);
   line-height: var(--van-line-height-lg);
   text-align: center;
-  background-color: var(--van-nav-bar-background-color);
+  background: var(--van-nav-bar-background-color);
   user-select: none;
 
   &--fixed {