vant 3.2.3 → 3.2.7

package/lib/circle/index.d.ts

@@ -1,57 +1,57 @@
 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,11 +64,11 @@ export declare const Circle: import("../utils").WithInstall<import("vue").Define
 }, {
     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 type { CircleStartPosition } from './Circle';
+export type { CircleProps, CircleStartPosition } from './Circle';

package/lib/col/Col.d.ts

@@ -1,18 +1,30 @@
-import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+import { ExtractPropTypes } from 'vue';
+declare const colProps: {
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    span: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     offset: (NumberConstructor | StringConstructor)[];
+};
+export declare type ColProps = ExtractPropTypes<typeof colProps>;
+declare const _default: import("vue").DefineComponent<{
     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;

package/lib/col/Col.js

@@ -12,24 +12,20 @@ var _use = require("@vant/use");
 var _Row = require("../row/Row");
 
 var [name, bem] = (0, _utils.createNamespace)('col');
+var colProps = {
+  tag: (0, _utils.makeStringProp)('div'),
+  span: (0, _utils.makeNumericProp)(0),
+  offset: _utils.numericProp
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    offset: [Number, String],
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    span: {
-      type: [Number, String],
-      default: 0
-    }
-  },
+  props: colProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       parent,
       index

package/lib/col/index.d.ts

@@ -1,17 +1,17 @@
 export declare const Col: import("../utils").WithInstall<import("vue").DefineComponent<{
-    offset: (NumberConstructor | StringConstructor)[];
     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;
@@ -22,3 +22,4 @@ export declare const Col: import("../utils").WithInstall<import("vue").DefineCom
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default Col;
+export type { ColProps } from './Col';

package/lib/collapse/Collapse.d.ts

@@ -1,9 +1,21 @@
-import { PropType, InjectionKey } from 'vue';
+import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 export declare type CollapseProvide = {
     toggle: (name: number | string, expanded: boolean) => void;
     isExpanded: (name: number | string) => boolean;
 };
 export declare const COLLAPSE_KEY: InjectionKey<CollapseProvide>;
+declare const collapseProps: {
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: PropType<string | number | (string | number)[]>;
+        default: string;
+    };
+};
+export declare type CollapseProps = ExtractPropTypes<typeof collapseProps>;
 declare const _default: import("vue").DefineComponent<{
     border: {
         type: BooleanConstructor;

package/lib/collapse/Collapse.js

@@ -12,6 +12,14 @@ var _use = require("@vant/use");
 var [name, bem] = (0, _utils.createNamespace)('collapse');
 var COLLAPSE_KEY = Symbol(name);
 exports.COLLAPSE_KEY = COLLAPSE_KEY;
+var collapseProps = {
+  border: _utils.truthProp,
+  accordion: Boolean,
+  modelValue: {
+    type: [String, Number, Array],
+    default: ''
+  }
+};
 
 function validateModelValue(modelValue, accordion) {
   if (accordion && Array.isArray(modelValue)) {
@@ -29,20 +37,14 @@ function validateModelValue(modelValue, accordion) {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    border: _utils.truthProp,
-    accordion: Boolean,
-    modelValue: {
-      type: [String, Number, Array],
-      default: ''
-    }
-  },
+  props: collapseProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       linkChildren
     } = (0, _use.useChildren)(COLLAPSE_KEY);

package/lib/collapse/index.d.ts

@@ -25,3 +25,4 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
     accordion: boolean;
 }>>;
 export default Collapse;
+export type { CollapseProps } from './Collapse';

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

@@ -1,7 +1,7 @@
 import { ExtractPropTypes } from 'vue';
-declare const props: {
+declare const collapseItemProps: {
     icon: StringConstructor;
-    size: import("vue").PropType<"large">;
+    size: import("vue").PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
@@ -31,10 +31,10 @@ declare const props: {
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
 };
-export declare type CollapseItemProps = ExtractPropTypes<typeof props>;
+export declare type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
-    size: import("vue").PropType<"large">;
+    size: import("vue").PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
@@ -98,7 +98,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPrefix?: string | undefined;
     value?: string | number | undefined;
     icon?: string | undefined;
-    size?: "large" | undefined;
+    size?: import("../cell").CellSize | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;

package/lib/collapse-item/CollapseItem.js

@@ -24,8 +24,8 @@ var _cell = require("../cell");
 // Components
 var [name, bem] = (0, _utils.createNamespace)('collapse-item');
 var CELL_SLOTS = ['icon', 'title', 'value', 'label', 'right-icon'];
-var props = (0, _utils.extend)({}, _Cell.cellProps, {
-  name: [Number, String],
+var collapseItemProps = (0, _utils.extend)({}, _Cell.cellSharedProps, {
+  name: _utils.numericProp,
   isLink: _utils.truthProp,
   disabled: Boolean,
   readonly: Boolean
@@ -33,11 +33,12 @@ var props = (0, _utils.extend)({}, _Cell.cellProps, {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: collapseItemProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var wrapperRef = (0, _vue.ref)();
     var contentRef = (0, _vue.ref)();
     var {
@@ -96,7 +97,9 @@ var _default = (0, _vue.defineComponent)({
           wrapperRef.value.style.height = value ? '0' : contentHeight; // use double raf to ensure animation can start
 
           (0, _use.doubleRaf)(() => {
-            wrapperRef.value.style.height = value ? contentHeight : '0';
+            if (wrapperRef.value) {
+              wrapperRef.value.style.height = value ? contentHeight : '0';
+            }
           });
         } else {
           onTransitionEnd();
@@ -104,7 +107,11 @@ var _default = (0, _vue.defineComponent)({
       });
     });
 
-    var toggle = (newValue = !expanded.value) => {
+    var toggle = function (newValue) {
+      if (newValue === void 0) {
+        newValue = !expanded.value;
+      }
+
       parent.toggle(name.value, newValue);
     };
 
@@ -120,7 +127,7 @@ var _default = (0, _vue.defineComponent)({
         disabled,
         readonly
       } = props;
-      var attrs = (0, _utils.pick)(props, Object.keys(_Cell.cellProps));
+      var attrs = (0, _utils.pick)(props, Object.keys(_Cell.cellSharedProps));
 
       if (readonly) {
         attrs.isLink = false;

package/lib/collapse-item/index.css

@@ -1 +1 @@
-:root{--van-collapse-item-transition-duration:var(--van-animation-duration-base);--van-collapse-item-content-padding:var(--van-padding-sm) var(--van-padding-md);--van-collapse-item-content-font-size:var(--van-font-size-md);--van-collapse-item-content-line-height:1.5;--van-collapse-item-content-text-color:var(--van-gray-6);--van-collapse-item-content-background-color:var(--van-white);--van-collapse-item-title-disabled-color:var(--van-gray-5)}.van-collapse-item{position:relative}.van-collapse-item--border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:var(--van-padding-md);left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon::before{transform:rotate(90deg) translateZ(0);transition:transform var(--van-collapse-item-transition-duration)}.van-collapse-item__title::after{right:var(--van-padding-md);display:none}.van-collapse-item__title--expanded .van-cell__right-icon::before{transform:rotate(-90deg)}.van-collapse-item__title--expanded::after{display:block}.van-collapse-item__title--borderless::after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--van-collapse-item-title-disabled-color)}.van-collapse-item__wrapper{overflow:hidden;transition:height var(--van-collapse-item-transition-duration) ease-in-out;will-change:height}.van-collapse-item__content{padding:var(--van-collapse-item-content-padding);color:var(--van-collapse-item-content-text-color);font-size:var(--van-collapse-item-content-font-size);line-height:var(--van-collapse-item-content-line-height);background-color:var(--van-collapse-item-content-background-color)}
+:root{--van-collapse-item-transition-duration:var(--van-animation-duration-base);--van-collapse-item-content-padding:var(--van-padding-sm) var(--van-padding-md);--van-collapse-item-content-font-size:var(--van-font-size-md);--van-collapse-item-content-line-height:1.5;--van-collapse-item-content-text-color:var(--van-text-color-2);--van-collapse-item-content-background-color:var(--van-background-color-light);--van-collapse-item-title-disabled-color:var(--van-text-color-3)}.van-collapse-item{position:relative}.van-collapse-item--border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:var(--van-padding-md);left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon::before{transform:rotate(90deg) translateZ(0);transition:transform var(--van-collapse-item-transition-duration)}.van-collapse-item__title::after{right:var(--van-padding-md);display:none}.van-collapse-item__title--expanded .van-cell__right-icon::before{transform:rotate(-90deg)}.van-collapse-item__title--expanded::after{display:block}.van-collapse-item__title--borderless::after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--van-collapse-item-title-disabled-color)}.van-collapse-item__wrapper{overflow:hidden;transition:height var(--van-collapse-item-transition-duration) ease-in-out;will-change:height}.van-collapse-item__content{padding:var(--van-collapse-item-content-padding);color:var(--van-collapse-item-content-text-color);font-size:var(--van-collapse-item-content-font-size);line-height:var(--van-collapse-item-content-line-height);background:var(--van-collapse-item-content-background-color)}

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

@@ -1,6 +1,6 @@
 export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
-    size: import("vue").PropType<"large">;
+    size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
@@ -64,7 +64,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     iconPrefix?: string | undefined;
     value?: string | number | undefined;
     icon?: string | undefined;
-    size?: "large" | undefined;
+    size?: import("..").CellSize | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
@@ -80,4 +80,5 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     readonly: boolean;
 }>>;
 export default CollapseItem;
+export type { CollapseItemProps } from './CollapseItem';
 export type { CollapseItemInstance } from './types';

package/lib/collapse-item/index.less

@@ -70,6 +70,6 @@
     color: var(--van-collapse-item-content-text-color);
     font-size: var(--van-collapse-item-content-font-size);
     line-height: var(--van-collapse-item-content-line-height);
-    background-color: var(--van-collapse-item-content-background-color);
+    background: var(--van-collapse-item-content-background-color);
   }
 }

package/lib/collapse-item/var.less

@@ -4,6 +4,6 @@
 @collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);
 @collapse-item-content-font-size: var(--van-font-size-md);
 @collapse-item-content-line-height: 1.5;
-@collapse-item-content-text-color: var(--van-gray-6);
-@collapse-item-content-background-color: var(--van-white);
-@collapse-item-title-disabled-color: var(--van-gray-5);
+@collapse-item-content-text-color: var(--van-text-color-2);
+@collapse-item-content-background-color: var(--van-background-color-light);
+@collapse-item-title-disabled-color: var(--van-text-color-3);

package/lib/composables/on-popup-reopen.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.onPopupReopen = onPopupReopen;
 exports.POPUP_TOGGLE_KEY = void 0;
+exports.onPopupReopen = onPopupReopen;
 
 var _vue = require("vue");
 

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

@@ -41,9 +41,9 @@ function useLockScroll(rootRef, shouldLock) {
 
   var lock = () => {
     document.addEventListener('touchstart', touch.start);
-    document.addEventListener('touchmove', onTouchMove, _use.supportsPassive ? {
+    document.addEventListener('touchmove', onTouchMove, {
       passive: false
-    } : false);
+    });
 
     if (!totalLockCount) {
       document.body.classList.add(BODY_LOCK_CLASS);

package/lib/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/lib/composables/use-route.js

@@ -2,8 +2,8 @@
 
 exports.__esModule = true;
 exports.route = route;
-exports.useRoute = useRoute;
 exports.routeProps = void 0;
+exports.useRoute = useRoute;
 
 var _vue = require("vue");
 

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

@@ -1,24 +1,33 @@
-import { PropType, InjectionKey } from 'vue';
+import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 export declare type ConfigProviderProvide = {
     iconPrefix?: string;
 };
 export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const configProviderProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     themeVars: PropType<Record<string, string | number>>;
     iconPrefix: StringConstructor;
+};
+export declare type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
+declare const _default: import("vue").DefineComponent<{
     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;
 } & {
-    iconPrefix?: string | undefined;
     themeVars?: Record<string, string | number> | undefined;
+    iconPrefix?: string | undefined;
 }>, {
     tag: keyof HTMLElementTagNameMap;
 }>;

package/lib/config-provider/ConfigProvider.js

@@ -10,6 +10,11 @@ var _utils = require("../utils");
 var [name, bem] = (0, _utils.createNamespace)('config-provider');
 var CONFIG_PROVIDER_KEY = Symbol(name);
 exports.CONFIG_PROVIDER_KEY = CONFIG_PROVIDER_KEY;
+var configProviderProps = {
+  tag: (0, _utils.makeStringProp)('div'),
+  themeVars: Object,
+  iconPrefix: String
+};
 
 function mapThemeVarsToCSSVars(themeVars) {
   var cssVars = {};
@@ -21,18 +26,12 @@ function mapThemeVarsToCSSVars(themeVars) {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    themeVars: Object,
-    iconPrefix: String,
-    tag: {
-      type: String,
-      default: 'div'
-    }
-  },
-
-  setup(props, {
-    slots
-  }) {
+  props: configProviderProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var style = (0, _vue.computed)(() => {
       if (props.themeVars) {
         return mapThemeVarsToCSSVars(props.themeVars);

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

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

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

@@ -1,23 +1,37 @@
-import { PropType } from 'vue';
+import { ExtractPropTypes } from 'vue';
 export declare type ContactCardType = 'add' | 'edit';
-declare const _default: import("vue").DefineComponent<{
+declare const contactCardProps: {
     tel: StringConstructor;
     name: StringConstructor;
+    type: {
+        type: import("vue").PropType<ContactCardType>;
+        default: ContactCardType;
+    };
     addText: StringConstructor;
     editable: {
         type: BooleanConstructor;
         default: true;
     };
+};
+export declare type ContactCardProps = ExtractPropTypes<typeof contactCardProps>;
+declare const _default: import("vue").DefineComponent<{
+    tel: StringConstructor;
+    name: StringConstructor;
     type: {
-        type: PropType<ContactCardType>;
-        default: string;
+        type: import("vue").PropType<ContactCardType>;
+        default: ContactCardType;
+    };
+    addText: StringConstructor;
+    editable: {
+        type: BooleanConstructor;
+        default: true;
     };
 }, () => 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/lib/contact-card/ContactCard.js

@@ -10,24 +10,24 @@ var _utils = require("../utils");
 var _cell = require("../cell");
 
 var [name, bem, t] = (0, _utils.createNamespace)('contact-card');
+var contactCardProps = {
+  tel: String,
+  name: String,
+  type: (0, _utils.makeStringProp)('add'),
+  addText: String,
+  editable: _utils.truthProp
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    tel: String,
-    name: String,
-    addText: String,
-    editable: _utils.truthProp,
-    type: {
-      type: String,
-      default: 'add'
-    }
-  },
+  props: contactCardProps,
   emits: ['click'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
+
     var onClick = event => {
       if (props.editable) {
         emit('click', event);

package/lib/contact-card/index.css

@@ -1 +1 @@
-:root{--van-contact-card-padding:var(--van-padding-md);--van-contact-card-add-icon-size:40px;--van-contact-card-add-icon-color:var(--van-primary-color);--van-contact-card-value-line-height:var(--van-line-height-md)}.van-contact-card{padding:var(--van-contact-card-padding)}.van-contact-card__value{margin-left:5px;line-height:var(--van-contact-card-value-line-height)}.van-contact-card--add .van-contact-card__value{line-height:var(--van-contact-card-add-icon-size)}.van-contact-card--add .van-cell__left-icon{color:var(--van-contact-card-add-icon-color);font-size:var(--van-contact-card-add-icon-size)}.van-contact-card::before{position:absolute;right:0;bottom:0;left:0;height:2px;background:repeating-linear-gradient(-45deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,var(--van-primary-color) 0,var(--van-primary-color) 45%,transparent 0,transparent 50%);background-size:80px;content:''}
+:root{--van-contact-card-padding:var(--van-padding-md);--van-contact-card-add-icon-size:40px;--van-contact-card-add-icon-color:var(--van-primary-color);--van-contact-card-value-line-height:var(--van-line-height-md)}.van-contact-card{padding:var(--van-contact-card-padding)}.van-contact-card__value{margin-left:5px;line-height:var(--van-contact-card-value-line-height)}.van-contact-card--add .van-contact-card__value{line-height:var(--van-contact-card-add-icon-size)}.van-contact-card--add .van-cell__left-icon{color:var(--van-contact-card-add-icon-color);font-size:var(--van-contact-card-add-icon-size)}.van-contact-card::before{position:absolute;right:0;bottom:0;left:0;height:2px;background:repeating-linear-gradient(-45deg,var(--van-warning-color) 0,var(--van-warning-color) 20%,transparent 0,transparent 25%,var(--van-primary-color) 0,var(--van-primary-color) 45%,transparent 0,transparent 50%);background-size:80px;content:''}