vant 3.2.6 → 3.2.7

package/es/image-preview/ImagePreview.d.ts

@@ -1,7 +1,7 @@
 import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 import { PopupCloseIconPosition } from '../popup';
-declare const props: {
+declare const imagePreviewProps: {
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -54,7 +54,7 @@ declare const props: {
         default: PopupCloseIconPosition;
     };
 };
-export declare type ImagePreviewProps = ExtractPropTypes<typeof props>;
+export declare type ImagePreviewProps = ExtractPropTypes<typeof imagePreviewProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     loop: {

package/es/image-preview/ImagePreview.js

@@ -1,7 +1,7 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { ref, watch, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
 
-import { pick, truthProp, unknownProp, makeArrayProp, makeStringProp, makeNumericProp, callInterceptor, createNamespace } from '../utils'; // Composables
+import { pick, truthProp, unknownProp, makeArrayProp, makeStringProp, makeNumericProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
 
 import { useRect, useWindowSize } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Components
@@ -13,7 +13,7 @@ import ImagePreviewItem from './ImagePreviewItem'; // Types
 
 var [name, bem] = createNamespace('image-preview');
 var popupProps = ['show', 'transition', 'overlayStyle', 'closeOnPopstate'];
-var props = {
+var imagePreviewProps = {
   show: Boolean,
   loop: truthProp,
   images: makeArrayProp(),
@@ -35,13 +35,14 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: imagePreviewProps,
   emits: ['scale', 'close', 'closed', 'change', 'update:show'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var swipeRef = ref();
     var windowSize = useWindowSize();
     var state = reactive({
@@ -124,7 +125,7 @@ export default defineComponent({
         return _createVNode(Icon, {
           "role": "button",
           "name": props.closeIcon,
-          "class": bem('close-icon', props.closeIconPosition),
+          "class": [bem('close-icon', props.closeIconPosition), HAPTICS_FEEDBACK],
           "onClick": emitClose
         }, null);
       }

package/es/image-preview/ImagePreviewItem.js

@@ -24,9 +24,10 @@ export default defineComponent({
   },
   emits: ['scale', 'close'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var state = reactive({
       scale: 1,
       moveX: 0,

package/es/image-preview/function-call.js

@@ -49,7 +49,11 @@ function initInstance() {
   }));
 }
 
-var ImagePreview = (options, startPosition = 0) => {
+var ImagePreview = function (options, startPosition) {
+  if (startPosition === void 0) {
+    startPosition = 0;
+  }
+
   /* istanbul ignore if */
   if (!inBrowser) {
     return;

package/es/image-preview/index.css

@@ -1 +1 @@
-:root{--van-image-preview-index-text-color:var(--van-white);--van-image-preview-index-font-size:var(--van-font-size-md);--van-image-preview-index-line-height:var(--van-line-height-md);--van-image-preview-index-text-shadow:0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background-color:rgba(0, 0, 0, 0.9);--van-image-preview-close-icon-size:22px;--van-image-preview-close-icon-color:var(--van-gray-5);--van-image-preview-close-icon-active-color:var(--van-gray-6);--van-image-preview-close-icon-margin:var(--van-padding-md);--van-image-preview-close-icon-z-index:1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;transition-property:transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%,0)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background-color)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size);cursor:pointer}.van-image-preview__close-icon:active{color:var(--van-image-preview-close-icon-active-color)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}
+:root{--van-image-preview-index-text-color:var(--van-white);--van-image-preview-index-font-size:var(--van-font-size-md);--van-image-preview-index-line-height:var(--van-line-height-md);--van-image-preview-index-text-shadow:0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background-color:rgba(0, 0, 0, 0.9);--van-image-preview-close-icon-size:22px;--van-image-preview-close-icon-color:var(--van-gray-5);--van-image-preview-close-icon-margin:var(--van-padding-md);--van-image-preview-close-icon-z-index:1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;transition-property:transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%,0)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background-color)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size);cursor:pointer}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}

package/es/image-preview/index.less

@@ -8,7 +8,6 @@
   --van-image-preview-overlay-background-color: @image-preview-overlay-background-color;
   --van-image-preview-close-icon-size: @image-preview-close-icon-size;
   --van-image-preview-close-icon-color: @image-preview-close-icon-color;
-  --van-image-preview-close-icon-active-color: @image-preview-close-icon-active-color;
   --van-image-preview-close-icon-margin: @image-preview-close-icon-margin;
   --van-image-preview-close-icon-z-index: @image-preview-close-icon-z-index;
 }
@@ -91,10 +90,6 @@
     font-size: var(--van-image-preview-close-icon-size);
     cursor: pointer;
 
-    &:active {
-      color: var(--van-image-preview-close-icon-active-color);
-    }
-
     &--top-left {
       top: var(--van-image-preview-close-icon-margin);
       left: var(--van-image-preview-close-icon-margin);

package/es/image-preview/var.less

@@ -7,6 +7,5 @@
 @image-preview-overlay-background-color: rgba(0, 0, 0, 0.9);
 @image-preview-close-icon-size: 22px;
 @image-preview-close-icon-color: var(--van-gray-5);
-@image-preview-close-icon-active-color: var(--van-gray-6);
 @image-preview-close-icon-margin: var(--van-padding-md);
 @image-preview-close-icon-z-index: 1;

package/es/index-anchor/IndexAnchor.d.ts

@@ -1,3 +1,8 @@
+import { ExtractPropTypes } from 'vue';
+declare const indexAnchorProps: {
+    index: (NumberConstructor | StringConstructor)[];
+};
+export declare type IndexAnchorProps = ExtractPropTypes<typeof indexAnchorProps>;
 declare const _default: import("vue").DefineComponent<{
     index: (NumberConstructor | StringConstructor)[];
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{

package/es/index-anchor/IndexAnchor.js

@@ -8,15 +8,17 @@ import { getScrollTop, getRootScrollTop } from '../utils/dom'; // Composables
 import { useRect, useParent } from '@vant/use';
 import { useExpose } from '../composables/use-expose';
 var [name, bem] = createNamespace('index-anchor');
+var indexAnchorProps = {
+  index: numericProp
+};
 export default defineComponent({
   name,
-  props: {
-    index: numericProp
-  },
+  props: indexAnchorProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var state = reactive({
       top: 0,
       left: null,

package/es/index-anchor/index.css

@@ -1 +1 @@
-:root{--van-index-anchor-z-index:1;--van-index-anchor-padding:0 var(--van-padding-md);--van-index-anchor-text-color:var(--van-text-color);--van-index-anchor-font-weight:var(--van-font-weight-bold);--van-index-anchor-font-size:var(--van-font-size-md);--van-index-anchor-line-height:32px;--van-index-anchor-background-color:transparent;--van-index-anchor-sticky-text-color:var(--van-danger-color);--van-index-anchor-sticky-background-color:var(--van-white)}.van-index-anchor{z-index:var(--van-index-anchor-z-index);box-sizing:border-box;padding:var(--van-index-anchor-padding);color:var(--van-index-anchor-text-color);font-weight:var(--van-index-anchor-font-weight);font-size:var(--van-index-anchor-font-size);line-height:var(--van-index-anchor-line-height);background:var(--van-index-anchor-background-color)}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:var(--van-index-anchor-sticky-text-color);background:var(--van-index-anchor-sticky-background-color)}
+:root{--van-index-anchor-z-index:1;--van-index-anchor-padding:0 var(--van-padding-md);--van-index-anchor-text-color:var(--van-text-color);--van-index-anchor-font-weight:var(--van-font-weight-bold);--van-index-anchor-font-size:var(--van-font-size-md);--van-index-anchor-line-height:32px;--van-index-anchor-background-color:transparent;--van-index-anchor-sticky-text-color:var(--van-danger-color);--van-index-anchor-sticky-background-color:var(--van-background-color-light)}.van-index-anchor{z-index:var(--van-index-anchor-z-index);box-sizing:border-box;padding:var(--van-index-anchor-padding);color:var(--van-index-anchor-text-color);font-weight:var(--van-index-anchor-font-weight);font-size:var(--van-index-anchor-font-size);line-height:var(--van-index-anchor-line-height);background:var(--van-index-anchor-background-color)}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:var(--van-index-anchor-sticky-text-color);background:var(--van-index-anchor-sticky-background-color)}

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

@@ -6,3 +6,4 @@ export declare const IndexAnchor: import("../utils").WithInstall<import("vue").D
     index?: string | number | undefined;
 }>, {}>>;
 export default IndexAnchor;
+export type { IndexAnchorProps } from './IndexAnchor';

package/es/index-anchor/var.less

@@ -8,4 +8,4 @@
 @index-anchor-line-height: 32px;
 @index-anchor-background-color: transparent;
 @index-anchor-sticky-text-color: var(--van-danger-color);
-@index-anchor-sticky-background-color: var(--van-white);
+@index-anchor-sticky-background-color: var(--van-background-color-light);

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

@@ -1,7 +1,7 @@
 import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 import { IndexBarProvide } from './types';
 declare function genAlphabet(): string[];
-declare const props: {
+declare const indexBarProps: {
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -18,7 +18,7 @@ declare const props: {
         default: typeof genAlphabet;
     };
 };
-export declare type IndexBarProps = ExtractPropTypes<typeof props>;
+export declare type IndexBarProps = ExtractPropTypes<typeof indexBarProps>;
 export declare const INDEX_BAR_KEY: InjectionKey<IndexBarProvide>;
 declare const _default: import("vue").DefineComponent<{
     sticky: {

package/es/index-bar/IndexBar.js

@@ -14,7 +14,7 @@ function genAlphabet() {
 }
 
 var [name, bem] = createNamespace('index-bar');
-var props = {
+var indexBarProps = {
   sticky: truthProp,
   zIndex: numericProp,
   teleport: [String, Object],
@@ -28,13 +28,14 @@ var props = {
 export var INDEX_BAR_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: indexBarProps,
   emits: ['select', 'change'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var root = ref();
     var activeAnchor = ref('');
     var touch = useTouch();

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.6";
+export const version: "3.2.7";

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.6';
+var version = '3.2.7';
 
 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,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
-declare const props: {
+declare const listProps: {
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
@@ -20,7 +20,7 @@ declare const props: {
         default: true;
     };
 };
-export declare type ListProps = ExtractPropTypes<typeof props>;
+export declare type ListProps = ExtractPropTypes<typeof listProps>;
 declare const _default: import("vue").DefineComponent<{
     error: BooleanConstructor;
     offset: {

package/es/list/List.js

@@ -10,7 +10,7 @@ import { useTabStatus } from '../composables/use-tab-status'; // Components
 import { Loading } from '../loading'; // Types
 
 var [name, bem, t] = createNamespace('list');
-var props = {
+var listProps = {
   error: Boolean,
   offset: makeNumericProp(300),
   loading: Boolean,
@@ -23,13 +23,14 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: listProps,
   emits: ['load', 'update:error', 'update:loading'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     // use sync innerLoading state to avoid repeated loading in some edge cases
     var loading = ref(false);
     var root = ref();

package/es/list/index.css

@@ -1 +1 @@
-:root{--van-list-text-color:var(--van-gray-6);--van-list-text-font-size:var(--van-font-size-md);--van-list-text-line-height:50px;--van-list-loading-icon-size:16px}.van-list__error-text,.van-list__finished-text,.van-list__loading{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}
+:root{--van-list-text-color:var(--van-text-color-2);--van-list-text-font-size:var(--van-font-size-md);--van-list-text-line-height:50px;--van-list-loading-icon-size:16px}.van-list__error-text,.van-list__finished-text,.van-list__loading{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}

package/es/list/var.less

@@ -1,6 +1,6 @@
 @import '../style/var.less';
 
-@list-text-color: var(--van-gray-6);
+@list-text-color: var(--van-text-color-2);
 @list-text-font-size: var(--van-font-size-md);
 @list-text-line-height: 50px;
 @list-loading-icon-size: 16px;

package/es/loading/Loading.d.ts

@@ -1,4 +1,17 @@
+import { ExtractPropTypes } from 'vue';
 export declare type LoadingType = 'circular' | 'spinner';
+declare const loadingProps: {
+    size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<LoadingType>;
+        default: LoadingType;
+    };
+    color: StringConstructor;
+    vertical: BooleanConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
+    textColor: StringConstructor;
+};
+export declare type LoadingProps = ExtractPropTypes<typeof loadingProps>;
 declare const _default: import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
     type: {

package/es/loading/Loading.js

@@ -16,20 +16,22 @@ var CircularIcon = _createVNode("svg", {
   "fill": "none"
 }, null)]);
 
+var loadingProps = {
+  size: numericProp,
+  type: makeStringProp('circular'),
+  color: String,
+  vertical: Boolean,
+  textSize: numericProp,
+  textColor: String
+};
 export default defineComponent({
   name,
-  props: {
-    size: numericProp,
-    type: makeStringProp('circular'),
-    color: String,
-    vertical: Boolean,
-    textSize: numericProp,
-    textColor: String
-  },
+  props: loadingProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var spinnerStyle = computed(() => extend({
       color: props.color
     }, getSizeStyle(props.size)));

package/es/loading/index.css

@@ -1 +1 @@
-:root{--van-loading-text-color:var(--van-gray-6);--van-loading-text-font-size:var(--van-font-size-md);--van-loading-spinner-color:var(--van-gray-5);--van-loading-spinner-size:30px;--van-loading-spinner-animation-duration:0.8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}
+:root{--van-loading-text-color:var(--van-text-color-2);--van-loading-text-font-size:var(--van-font-size-md);--van-loading-spinner-color:var(--van-gray-5);--van-loading-spinner-size:30px;--van-loading-spinner-animation-duration:0.8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}

package/es/loading/index.d.ts

@@ -28,4 +28,4 @@ export declare const Loading: import("../utils").WithInstall<import("vue").Defin
     vertical: boolean;
 }>>;
 export default Loading;
-export type { LoadingType } from './Loading';
+export type { LoadingType, LoadingProps } from './Loading';

package/es/loading/var.less

@@ -1,6 +1,6 @@
 @import '../style/var.less';
 
-@loading-text-color: var(--van-gray-6);
+@loading-text-color: var(--van-text-color-2);
 @loading-text-font-size: var(--van-font-size-md);
 @loading-spinner-color: var(--van-gray-5);
 @loading-spinner-size: 30px;

package/es/locale/index.js

@@ -17,7 +17,11 @@ export var Locale = {
     });
   },
 
-  add(newMessages = {}) {
+  add(newMessages) {
+    if (newMessages === void 0) {
+      newMessages = {};
+    }
+
     deepAssign(messages, newMessages);
   }
 

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

@@ -1,3 +1,19 @@
+import { ExtractPropTypes } from 'vue';
+declare const navBarProps: {
+    title: StringConstructor;
+    fixed: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    leftText: StringConstructor;
+    rightText: StringConstructor;
+    leftArrow: BooleanConstructor;
+    placeholder: BooleanConstructor;
+    safeAreaInsetTop: BooleanConstructor;
+};
+export declare type NavbarProps = ExtractPropTypes<typeof navBarProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     fixed: BooleanConstructor;

package/es/nav-bar/NavBar.js

@@ -1,31 +1,33 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, defineComponent } from 'vue'; // Utils
 
-import { truthProp, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace } from '../utils'; // Composables
+import { truthProp, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
 
 import { usePlaceholder } from '../composables/use-placeholder'; // Components
 
 import { Icon } from '../icon';
 var [name, bem] = createNamespace('nav-bar');
+var navBarProps = {
+  title: String,
+  fixed: Boolean,
+  zIndex: numericProp,
+  border: truthProp,
+  leftText: String,
+  rightText: String,
+  leftArrow: Boolean,
+  placeholder: Boolean,
+  safeAreaInsetTop: Boolean
+};
 export default defineComponent({
   name,
-  props: {
-    title: String,
-    fixed: Boolean,
-    zIndex: numericProp,
-    border: truthProp,
-    leftText: String,
-    rightText: String,
-    leftArrow: Boolean,
-    placeholder: Boolean,
-    safeAreaInsetTop: Boolean
-  },
+  props: navBarProps,
   emits: ['click-left', 'click-right'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var navBarRef = ref();
     var renderPlaceholder = usePlaceholder(navBarRef, bem);
 
@@ -78,12 +80,12 @@ export default defineComponent({
       }, [_createVNode("div", {
         "class": bem('content')
       }, [hasLeft && _createVNode("div", {
-        "class": bem('left'),
+        "class": [bem('left'), HAPTICS_FEEDBACK],
         "onClick": onClickLeft
       }, [renderLeft()]), _createVNode("div", {
         "class": [bem('title'), 'van-ellipsis']
       }, [slots.title ? slots.title() : title]), hasRight && _createVNode("div", {
-        "class": bem('right'),
+        "class": [bem('right'), HAPTICS_FEEDBACK],
         "onClick": onClickRight
       }, [renderRight()])])]);
     };

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: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-background-color-light);--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{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}

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

@@ -43,3 +43,4 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     safeAreaInsetTop: boolean;
 }>>;
 export default NavBar;
+export type { NavbarProps } from './NavBar';

package/es/nav-bar/index.less

@@ -65,10 +65,6 @@
     padding: 0 var(--van-padding-md);
     font-size: var(--van-font-size-md);
     cursor: pointer;
-
-    &:active {
-      opacity: var(--van-active-opacity);
-    }
   }
 
   &__left {

package/es/nav-bar/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @nav-bar-height: 46px;
-@nav-bar-background-color: var(--van-white);
+@nav-bar-background-color: var(--van-background-color-light);
 @nav-bar-arrow-size: 16px;
 @nav-bar-icon-color: var(--van-primary-color);
 @nav-bar-text-color: var(--van-primary-color);

package/es/notice-bar/NoticeBar.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { NoticeBarMode } from './types';
-declare const props: {
+declare const noticeBarProps: {
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;
     color: StringConstructor;
@@ -20,7 +20,7 @@ declare const props: {
         default: null;
     };
 };
-export declare type NoticeBarProps = ExtractPropTypes<typeof props>;
+export declare type NoticeBarProps = ExtractPropTypes<typeof noticeBarProps>;
 declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;

package/es/notice-bar/NoticeBar.js

@@ -10,7 +10,7 @@ import { onPopupReopen } from '../composables/on-popup-reopen'; // Components
 import { Icon } from '../icon'; // Types
 
 var [name, bem] = createNamespace('notice-bar');
-var props = {
+var noticeBarProps = {
   text: String,
   mode: String,
   color: String,
@@ -26,13 +26,14 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: noticeBarProps,
   emits: ['close', 'replay'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var wrapWidth = 0;
     var contentWidth = 0;
     var startTimer;

package/es/notify/Notify.d.ts

@@ -1,4 +1,42 @@
+import { ExtractPropTypes } from 'vue';
 import type { NotifyType } from './types';
+declare const notifyProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    type: {
+        type: import("vue").PropType<NotifyType>;
+        default: NotifyType;
+    };
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    className: import("vue").PropType<unknown>;
+    background: StringConstructor;
+    lockScroll: BooleanConstructor;
+};
+export declare type NotifyProps = ExtractPropTypes<typeof notifyProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];