vant 3.2.1 → 3.2.5

package/es/circle/index.d.ts

@@ -1,57 +1,57 @@
-declare const Circle: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Circle: import("../utils").WithInstall<import("vue").DefineComponent<{
     text: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
-    color: import("vue").PropType<string | Record<string, string>>;
-    clockwise: {
-        type: BooleanConstructor;
-        default: true;
+    fill: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    layerColor: StringConstructor;
-    strokeLinecap: import("vue").PropType<CanvasLineCap>;
-    currentRate: {
-        type: NumberConstructor;
+    rate: {
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     speed: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    fill: {
-        type: StringConstructor;
-        default: string;
+    color: import("vue").PropType<string | Record<string, string>>;
+    clockwise: {
+        type: BooleanConstructor;
+        default: true;
     };
-    rate: {
-        type: (NumberConstructor | StringConstructor)[];
+    layerColor: StringConstructor;
+    currentRate: {
+        type: NumberConstructor;
         default: number;
     };
     strokeWidth: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    strokeLinecap: import("vue").PropType<CanvasLineCap>;
     startPosition: {
         type: import("vue").PropType<import("./Circle").CircleStartPosition>;
-        default: string;
+        default: import("./Circle").CircleStartPosition;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:currentRate"[], "update:currentRate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     text?: unknown;
     size?: unknown;
+    fill?: unknown;
+    rate?: unknown;
+    speed?: unknown;
     color?: unknown;
     clockwise?: unknown;
     layerColor?: unknown;
-    strokeLinecap?: unknown;
     currentRate?: unknown;
-    speed?: unknown;
-    fill?: unknown;
-    rate?: unknown;
     strokeWidth?: unknown;
+    strokeLinecap?: unknown;
     startPosition?: unknown;
 } & {
     fill: string;
     strokeWidth: string | number;
+    rate: string | number;
+    speed: string | number;
     clockwise: boolean;
     currentRate: number;
-    speed: string | number;
-    rate: string | number;
     startPosition: import("./Circle").CircleStartPosition;
 } & {
     text?: string | undefined;
@@ -64,12 +64,11 @@ declare const Circle: import("../utils").WithInstall<import("vue").DefineCompone
 }, {
     fill: string;
     strokeWidth: string | number;
+    rate: string | number;
+    speed: string | number;
     clockwise: boolean;
     currentRate: number;
-    speed: string | number;
-    rate: string | number;
     startPosition: import("./Circle").CircleStartPosition;
 }>>;
 export default Circle;
-export { Circle };
 export type { CircleStartPosition } from './Circle';

package/es/circle/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Circle from './Circle';
-var Circle = withInstall(_Circle);
-export default Circle;
-export { Circle };
+export var Circle = withInstall(_Circle);
+export default Circle;

package/es/col/Col.d.ts

@@ -1,24 +1,23 @@
-import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    offset: (NumberConstructor | StringConstructor)[];
     tag: {
-        type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
     };
     span: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    offset: (NumberConstructor | StringConstructor)[];
 }, () => 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<{
-    offset?: unknown;
     tag?: unknown;
     span?: unknown;
+    offset?: unknown;
 } & {
     span: string | number;
     tag: keyof HTMLElementTagNameMap;
 } & {
     offset?: string | number | undefined;
-}> & {}, {
+}>, {
     span: string | number;
     tag: keyof HTMLElementTagNameMap;
 }>;

package/es/col/Col.js

@@ -1,21 +1,15 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue';
-import { createNamespace } from '../utils';
+import { numericProp, createNamespace, makeNumericProp, makeStringProp } from '../utils';
 import { useParent } from '@vant/use';
 import { ROW_KEY } from '../row/Row';
 var [name, bem] = createNamespace('col');
 export default defineComponent({
   name,
   props: {
-    offset: [Number, String],
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    span: {
-      type: [Number, String],
-      default: 0
-    }
+    tag: makeStringProp('div'),
+    span: makeNumericProp(0),
+    offset: numericProp
   },
 
   setup(props, {

package/es/col/index.d.ts

@@ -1,25 +1,24 @@
-declare const Col: import("../utils").WithInstall<import("vue").DefineComponent<{
-    offset: (NumberConstructor | StringConstructor)[];
+export declare const Col: import("../utils").WithInstall<import("vue").DefineComponent<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
-        default: string;
+        default: keyof HTMLElementTagNameMap;
     };
     span: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    offset: (NumberConstructor | StringConstructor)[];
 }, () => 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<{
-    offset?: unknown;
     tag?: unknown;
     span?: unknown;
+    offset?: unknown;
 } & {
     span: string | number;
     tag: keyof HTMLElementTagNameMap;
 } & {
     offset?: string | number | undefined;
-}> & {}, {
+}>, {
     span: string | number;
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default Col;
-export { Col };

package/es/col/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Col from './Col';
-var Col = withInstall(_Col);
-export default Col;
-export { Col };
+export var Col = withInstall(_Col);
+export default Col;

package/es/collapse/index.d.ts

@@ -1,4 +1,4 @@
-declare const Collapse: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Collapse: import("../utils").WithInstall<import("vue").DefineComponent<{
     border: {
         type: BooleanConstructor;
         default: true;
@@ -25,4 +25,3 @@ declare const Collapse: import("../utils").WithInstall<import("vue").DefineCompo
     accordion: boolean;
 }>>;
 export default Collapse;
-export { Collapse };

package/es/collapse/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Collapse from './Collapse';
-var Collapse = withInstall(_Collapse);
-export default Collapse;
-export { Collapse };
+export var Collapse = withInstall(_Collapse);
+export default Collapse;

package/es/collapse-item/CollapseItem.d.ts

@@ -85,32 +85,32 @@ declare const _default: import("vue").DefineComponent<{
     readonly?: unknown;
 } & {
     center: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    disabled: boolean;
     readonly: boolean;
 } & {
     name?: string | number | undefined;
     label?: string | number | undefined;
     title?: string | number | undefined;
     iconPrefix?: string | undefined;
+    value?: string | number | undefined;
     icon?: string | undefined;
     size?: "large" | undefined;
-    value?: string | number | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
     titleStyle?: string | import("vue").CSSProperties | undefined;
     arrowDirection?: import("../cell").CellArrowDirection | undefined;
-}> & {}, {
+}>, {
     center: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    disabled: boolean;
     readonly: boolean;
 }>;
 export default _default;

package/es/collapse-item/CollapseItem.js

@@ -2,7 +2,7 @@ import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _cre
 import { ref, watch, computed, nextTick, defineComponent } from 'vue'; // Utils
 
 import { cellProps } from '../cell/Cell';
-import { createNamespace, extend, pick, truthProp } from '../utils';
+import { pick, extend, truthProp, numericProp, createNamespace } from '../utils';
 import { COLLAPSE_KEY } from '../collapse/Collapse'; // Composables
 
 import { raf, doubleRaf, useParent } from '@vant/use';
@@ -13,7 +13,7 @@ import { Cell } from '../cell';
 var [name, bem] = createNamespace('collapse-item');
 var CELL_SLOTS = ['icon', 'title', 'value', 'label', 'right-icon'];
 var props = extend({}, cellProps, {
-  name: [Number, String],
+  name: numericProp,
   isLink: truthProp,
   disabled: Boolean,
   readonly: Boolean
@@ -52,7 +52,7 @@ export default defineComponent({
     var onTransitionEnd = () => {
       if (!expanded.value) {
         show.value = false;
-      } else {
+      } else if (wrapperRef.value) {
         wrapperRef.value.style.height = '';
       }
     };
@@ -83,7 +83,9 @@ export default defineComponent({
           wrapperRef.value.style.height = value ? '0' : contentHeight; // use double raf to ensure animation can start
 
           doubleRaf(() => {
-            wrapperRef.value.style.height = value ? contentHeight : '0';
+            if (wrapperRef.value) {
+              wrapperRef.value.style.height = value ? contentHeight : '0';
+            }
           });
         } else {
           onTransitionEnd();

package/es/collapse-item/index.d.ts

@@ -1,4 +1,5 @@
-declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { CollapseItemProps } from './CollapseItem';
+export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
     size: import("vue").PropType<"large">;
     title: (NumberConstructor | StringConstructor)[];
@@ -51,34 +52,34 @@ declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineC
     readonly?: unknown;
 } & {
     center: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    disabled: boolean;
     readonly: boolean;
 } & {
     name?: string | number | undefined;
     label?: string | number | undefined;
     title?: string | number | undefined;
     iconPrefix?: string | undefined;
+    value?: string | number | undefined;
     icon?: string | undefined;
     size?: "large" | undefined;
-    value?: string | number | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
     titleStyle?: string | import("vue").CSSProperties | undefined;
     arrowDirection?: import("..").CellArrowDirection | undefined;
-}> & {}, {
+}>, {
     center: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    disabled: boolean;
     readonly: boolean;
 }>>;
 export default CollapseItem;
-export { CollapseItem };
+export type { CollapseItemProps };
 export type { CollapseItemInstance } from './types';

package/es/collapse-item/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _CollapseItem from './CollapseItem';
-var CollapseItem = withInstall(_CollapseItem);
-export default CollapseItem;
-export { CollapseItem };
+export var CollapseItem = withInstall(_CollapseItem);
+export default CollapseItem;

package/es/composables/use-height.js

@@ -2,10 +2,8 @@ import { useRect } from '@vant/use';
 import { ref, onMounted, nextTick } from 'vue';
 export var useHeight = element => {
   var height = ref();
-  onMounted(() => {
-    nextTick(() => {
-      height.value = useRect(element).height;
-    });
-  });
+  onMounted(() => nextTick(() => {
+    height.value = useRect(element).height;
+  }));
   return height;
 };

package/es/composables/use-lock-scroll.js

@@ -1,5 +1,5 @@
 import { watch, onBeforeUnmount, onDeactivated } from 'vue';
-import { getScrollParent, supportsPassive, onMountedOrActivated } from '@vant/use';
+import { getScrollParent, onMountedOrActivated } from '@vant/use';
 import { useTouch } from './use-touch';
 import { preventDefault } from '../utils';
 var totalLockCount = 0;
@@ -31,9 +31,9 @@ export function useLockScroll(rootRef, shouldLock) {
 
   var lock = () => {
     document.addEventListener('touchstart', touch.start);
-    document.addEventListener('touchmove', onTouchMove, supportsPassive ? {
+    document.addEventListener('touchmove', onTouchMove, {
       passive: false
-    } : false);
+    });
 
     if (!totalLockCount) {
       document.body.classList.add(BODY_LOCK_CLASS);
@@ -54,17 +54,9 @@ export function useLockScroll(rootRef, shouldLock) {
     }
   };
 
-  var init = () => {
-    if (shouldLock()) {
-      lock();
-    }
-  };
+  var init = () => shouldLock() && lock();
 
-  var destroy = () => {
-    if (shouldLock()) {
-      unlock();
-    }
-  };
+  var destroy = () => shouldLock() && unlock();
 
   onMountedOrActivated(init);
   onDeactivated(destroy);

package/es/composables/use-placeholder.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'vue';
-import type { BEM } from '../utils/create/bem';
+import type { BEM } from '../utils/create';
 export declare function usePlaceholder(contentRef: Ref<Element | undefined>, bem: BEM): (renderContent: () => JSX.Element) => JSX.Element;

package/es/config-provider/ConfigProvider.d.ts

@@ -4,22 +4,22 @@ export declare type ConfigProviderProvide = {
 };
 export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
 declare const _default: import("vue").DefineComponent<{
-    themeVars: PropType<Record<string, string | number>>;
-    iconPrefix: StringConstructor;
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
+        default: keyof HTMLElementTagNameMap;
     };
+    themeVars: PropType<Record<string, string | number>>;
+    iconPrefix: StringConstructor;
 }, () => 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<{
+    tag?: unknown;
     themeVars?: unknown;
     iconPrefix?: unknown;
-    tag?: unknown;
 } & {
     tag: keyof HTMLElementTagNameMap;
 } & {
-    themeVars?: Record<string, string | number> | undefined;
     iconPrefix?: string | undefined;
-}> & {}, {
+    themeVars?: Record<string, string | number> | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
 }>;
 export default _default;

package/es/config-provider/ConfigProvider.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { provide, computed, defineComponent } from 'vue';
-import { createNamespace, kebabCase } from '../utils';
+import { kebabCase, makeStringProp, createNamespace } from '../utils';
 var [name, bem] = createNamespace('config-provider');
 export var CONFIG_PROVIDER_KEY = Symbol(name);
 
@@ -15,12 +15,9 @@ function mapThemeVarsToCSSVars(themeVars) {
 export default defineComponent({
   name,
   props: {
+    tag: makeStringProp('div'),
     themeVars: Object,
-    iconPrefix: String,
-    tag: {
-      type: String,
-      default: 'div'
-    }
+    iconPrefix: String
   },
 
   setup(props, {

package/es/config-provider/index.d.ts

@@ -1,21 +1,20 @@
-declare const ConfigProvider: import("../utils").WithInstall<import("vue").DefineComponent<{
-    themeVars: import("vue").PropType<Record<string, string | number>>;
-    iconPrefix: StringConstructor;
+export declare const ConfigProvider: import("../utils").WithInstall<import("vue").DefineComponent<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
-        default: string;
+        default: keyof HTMLElementTagNameMap;
     };
+    themeVars: import("vue").PropType<Record<string, string | number>>;
+    iconPrefix: StringConstructor;
 }, () => 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<{
+    tag?: unknown;
     themeVars?: unknown;
     iconPrefix?: unknown;
-    tag?: unknown;
 } & {
     tag: keyof HTMLElementTagNameMap;
 } & {
-    themeVars?: Record<string, string | number> | undefined;
     iconPrefix?: string | undefined;
-}> & {}, {
+    themeVars?: Record<string, string | number> | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default ConfigProvider;
-export { ConfigProvider };

package/es/config-provider/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _ConfigProvider from './ConfigProvider';
-var ConfigProvider = withInstall(_ConfigProvider);
-export default ConfigProvider;
-export { ConfigProvider };
+export var ConfigProvider = withInstall(_ConfigProvider);
+export default ConfigProvider;

package/es/contact-card/ContactCard.d.ts

@@ -1,23 +1,22 @@
-import { PropType } from 'vue';
 export declare type ContactCardType = 'add' | 'edit';
 declare const _default: import("vue").DefineComponent<{
     tel: StringConstructor;
     name: StringConstructor;
+    type: {
+        type: import("vue").PropType<ContactCardType>;
+        default: ContactCardType;
+    };
     addText: StringConstructor;
     editable: {
         type: BooleanConstructor;
         default: true;
     };
-    type: {
-        type: PropType<ContactCardType>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     tel?: unknown;
     name?: unknown;
+    type?: unknown;
     addText?: unknown;
     editable?: unknown;
-    type?: unknown;
 } & {
     type: ContactCardType;
     editable: boolean;

package/es/contact-card/ContactCard.js

@@ -1,6 +1,6 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { truthProp, createNamespace } from '../utils';
+import { truthProp, makeStringProp, createNamespace } from '../utils';
 import { Cell } from '../cell';
 var [name, bem, t] = createNamespace('contact-card');
 export default defineComponent({
@@ -8,12 +8,9 @@ export default defineComponent({
   props: {
     tel: String,
     name: String,
+    type: makeStringProp('add'),
     addText: String,
-    editable: truthProp,
-    type: {
-      type: String,
-      default: 'add'
-    }
+    editable: truthProp
   },
   emits: ['click'],
 

package/es/contact-card/index.d.ts

@@ -1,21 +1,21 @@
-declare const ContactCard: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const ContactCard: import("../utils").WithInstall<import("vue").DefineComponent<{
     tel: StringConstructor;
     name: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./ContactCard").ContactCardType>;
+        default: import("./ContactCard").ContactCardType;
+    };
     addText: StringConstructor;
     editable: {
         type: BooleanConstructor;
         default: true;
     };
-    type: {
-        type: import("vue").PropType<import("./ContactCard").ContactCardType>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     tel?: unknown;
     name?: unknown;
+    type?: unknown;
     addText?: unknown;
     editable?: unknown;
-    type?: unknown;
 } & {
     type: import("./ContactCard").ContactCardType;
     editable: boolean;
@@ -30,5 +30,4 @@ declare const ContactCard: import("../utils").WithInstall<import("vue").DefineCo
     editable: boolean;
 }>>;
 export default ContactCard;
-export { ContactCard };
 export type { ContactCardType } from './ContactCard';

package/es/contact-card/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _ContactCard from './ContactCard';
-var ContactCard = withInstall(_ContactCard);
-export default ContactCard;
-export { ContactCard };
+export var ContactCard = withInstall(_ContactCard);
+export default ContactCard;

package/es/contact-edit/ContactEdit.js

@@ -44,11 +44,9 @@ export default defineComponent({
       }
     };
 
-    var onDelete = () => {
-      Dialog.confirm({
-        title: t('confirmDelete')
-      }).then(() => emit('delete', contact));
-    };
+    var onDelete = () => Dialog.confirm({
+      title: t('confirmDelete')
+    }).then(() => emit('delete', contact));
 
     var renderButtons = () => _createVNode("div", {
       "class": bem('buttons')
@@ -102,10 +100,10 @@ export default defineComponent({
         "label": t('name'),
         "rules": [{
           required: true,
-          message: t('nameInvalid')
+          message: t('nameEmpty')
         }],
         "maxlength": "30",
-        "placeholder": t('nameEmpty')
+        "placeholder": t('name')
       }, null), _createVNode(Field, {
         "modelValue": contact.tel,
         "onUpdate:modelValue": $event => contact.tel = $event,
@@ -116,7 +114,7 @@ export default defineComponent({
           validator: props.telValidator,
           message: t('telInvalid')
         }],
-        "placeholder": t('telEmpty')
+        "placeholder": t('tel')
       }, null)]), renderSetDefault(), renderButtons()]
     });
   }

package/es/contact-edit/index.d.ts

@@ -1,4 +1,4 @@
-declare const ContactEdit: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const ContactEdit: import("../utils").WithInstall<import("vue").DefineComponent<{
     isEdit: BooleanConstructor;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -42,5 +42,4 @@ declare const ContactEdit: import("../utils").WithInstall<import("vue").DefineCo
     contactInfo: import("./ContactEdit").ContactEditInfo;
 }>>;
 export default ContactEdit;
-export { ContactEdit };
 export type { ContactEditInfo } from './ContactEdit';

package/es/contact-edit/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _ContactEdit from './ContactEdit';
-var ContactEdit = withInstall(_ContactEdit);
-export default ContactEdit;
-export { ContactEdit };
+export var ContactEdit = withInstall(_ContactEdit);
+export default ContactEdit;