vant 3.2.4 → 3.2.8

package/es/collapse-item/CollapseItem.js

@@ -1,8 +1,8 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 import { ref, watch, computed, nextTick, defineComponent } from 'vue'; // Utils
 
-import { cellProps } from '../cell/Cell';
-import { createNamespace, extend, pick, truthProp } from '../utils';
+import { cellSharedProps } from '../cell/Cell';
+import { pick, extend, truthProp, numericProp, createNamespace } from '../utils';
 import { COLLAPSE_KEY } from '../collapse/Collapse'; // Composables
 
 import { raf, doubleRaf, useParent } from '@vant/use';
@@ -12,19 +12,20 @@ import { useLazyRender } from '../composables/use-lazy-render'; // Components
 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],
+var collapseItemProps = extend({}, cellSharedProps, {
+  name: numericProp,
   isLink: truthProp,
   disabled: Boolean,
   readonly: Boolean
 });
 export default defineComponent({
   name,
-  props,
+  props: collapseItemProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var wrapperRef = ref();
     var contentRef = ref();
     var {
@@ -93,7 +94,11 @@ export default defineComponent({
       });
     });
 
-    var toggle = (newValue = !expanded.value) => {
+    var toggle = function (newValue) {
+      if (newValue === void 0) {
+        newValue = !expanded.value;
+      }
+
       parent.toggle(name.value, newValue);
     };
 
@@ -109,7 +114,7 @@ export default defineComponent({
         disabled,
         readonly
       } = props;
-      var attrs = pick(props, Object.keys(cellProps));
+      var attrs = pick(props, Object.keys(cellSharedProps));
 
       if (readonly) {
         attrs.isLink = false;

package/es/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/es/collapse-item/index.d.ts

@@ -1,7 +1,6 @@
-import { CollapseItemProps } from './CollapseItem';
 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)[];
@@ -65,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;
@@ -81,5 +80,5 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     readonly: boolean;
 }>>;
 export default CollapseItem;
-export type { CollapseItemProps };
+export type { CollapseItemProps } from './CollapseItem';
 export type { CollapseItemInstance } from './types';

package/es/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/es/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/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);

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

@@ -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/es/config-provider/ConfigProvider.js

@@ -1,8 +1,13 @@
 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);
+var configProviderProps = {
+  tag: makeStringProp('div'),
+  themeVars: Object,
+  iconPrefix: String
+};
 
 function mapThemeVarsToCSSVars(themeVars) {
   var cssVars = {};
@@ -14,18 +19,12 @@ function mapThemeVarsToCSSVars(themeVars) {
 
 export default defineComponent({
   name,
-  props: {
-    themeVars: Object,
-    iconPrefix: String,
-    tag: {
-      type: String,
-      default: 'div'
-    }
-  },
+  props: configProviderProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var style = computed(() => {
       if (props.themeVars) {
         return mapThemeVarsToCSSVars(props.themeVars);

package/es/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/es/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/es/contact-card/ContactCard.js

@@ -1,25 +1,25 @@
 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');
+var contactCardProps = {
+  tel: String,
+  name: String,
+  type: makeStringProp('add'),
+  addText: String,
+  editable: truthProp
+};
 export default defineComponent({
   name,
-  props: {
-    tel: String,
-    name: String,
-    addText: String,
-    editable: 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/es/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:''}

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

@@ -1,21 +1,21 @@
 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,4 +30,4 @@ export declare const ContactCard: import("../utils").WithInstall<import("vue").D
     editable: boolean;
 }>>;
 export default ContactCard;
-export type { ContactCardType } from './ContactCard';
+export type { ContactCardType, ContactCardProps } from './ContactCard';

package/es/contact-card/index.less

@@ -34,8 +34,8 @@
     height: 2px;
     background: repeating-linear-gradient(
       -45deg,
-      #ff6c6c 0,
-      #ff6c6c 20%,
+      var(--van-warning-color) 0,
+      var(--van-warning-color) 20%,
       transparent 0,
       transparent 25%,
       var(--van-primary-color) 0,

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

@@ -1,10 +1,26 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import { isMobile } from '../utils';
 export declare type ContactEditInfo = {
     tel: string;
     name: string;
     isDefault?: boolean;
 };
+declare const contactEditProps: {
+    isEdit: BooleanConstructor;
+    isSaving: BooleanConstructor;
+    isDeleting: BooleanConstructor;
+    showSetDefault: BooleanConstructor;
+    setDefaultLabel: StringConstructor;
+    contactInfo: {
+        type: PropType<ContactEditInfo>;
+        default: () => ContactEditInfo;
+    };
+    telValidator: {
+        type: PropType<(val: string) => boolean>;
+        default: typeof isMobile;
+    };
+};
+export declare type ContactEditProps = ExtractPropTypes<typeof contactEditProps>;
 declare const _default: import("vue").DefineComponent<{
     isEdit: BooleanConstructor;
     isSaving: BooleanConstructor;

package/es/contact-edit/ContactEdit.js

@@ -7,35 +7,36 @@ import { Cell } from '../cell';
 import { Form } from '../form';
 import { Field } from '../field';
 import { Button } from '../button';
-import { Dialog } from '../dialog';
 import { Switch } from '../switch';
 var [name, bem, t] = createNamespace('contact-edit');
 var DEFAULT_CONTACT = {
   tel: '',
   name: ''
 };
+var contactEditProps = {
+  isEdit: Boolean,
+  isSaving: Boolean,
+  isDeleting: Boolean,
+  showSetDefault: Boolean,
+  setDefaultLabel: String,
+  contactInfo: {
+    type: Object,
+    default: () => extend({}, DEFAULT_CONTACT)
+  },
+  telValidator: {
+    type: Function,
+    default: isMobile
+  }
+};
 export default defineComponent({
   name,
-  props: {
-    isEdit: Boolean,
-    isSaving: Boolean,
-    isDeleting: Boolean,
-    showSetDefault: Boolean,
-    setDefaultLabel: String,
-    contactInfo: {
-      type: Object,
-      default: () => extend({}, DEFAULT_CONTACT)
-    },
-    telValidator: {
-      type: Function,
-      default: isMobile
-    }
-  },
+  props: contactEditProps,
   emits: ['save', 'delete', 'change-default'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var contact = reactive(extend({}, DEFAULT_CONTACT, props.contactInfo));
 
     var onSave = () => {
@@ -44,9 +45,7 @@ export default defineComponent({
       }
     };
 
-    var onDelete = () => Dialog.confirm({
-      title: t('confirmDelete')
-    }).then(() => emit('delete', contact));
+    var onDelete = () => emit('delete', contact);
 
     var renderButtons = () => _createVNode("div", {
       "class": bem('buttons')

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

@@ -42,4 +42,4 @@ export declare const ContactEdit: import("../utils").WithInstall<import("vue").D
     contactInfo: import("./ContactEdit").ContactEditInfo;
 }>>;
 export default ContactEdit;
-export type { ContactEditInfo } from './ContactEdit';
+export type { ContactEditInfo, ContactEditProps } from './ContactEdit';

package/es/contact-edit/style/index.js

@@ -1,5 +1,4 @@
 import '../../style/base.css';
-import '../../action-bar/index.css';
 import '../../badge/index.css';
 import '../../icon/index.css';
 import '../../cell/index.css';
@@ -7,8 +6,4 @@ import '../../field/index.css';
 import '../../loading/index.css';
 import '../../switch/index.css';
 import '../../button/index.css';
-import '../../action-bar-button/index.css';
-import '../../overlay/index.css';
-import '../../popup/index.css';
-import '../../dialog/index.css';
 import '../index.css';

package/es/contact-edit/style/less.js

@@ -1,5 +1,4 @@
 import '../../style/base.less';
-import '../../action-bar/index.less';
 import '../../badge/index.less';
 import '../../icon/index.less';
 import '../../cell/index.less';
@@ -7,8 +6,4 @@ import '../../field/index.less';
 import '../../loading/index.less';
 import '../../switch/index.less';
 import '../../button/index.less';
-import '../../action-bar-button/index.less';
-import '../../overlay/index.less';
-import '../../popup/index.less';
-import '../../dialog/index.less';
 import '../index.less';

package/es/contact-list/ContactList.d.ts

@@ -1,10 +1,17 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare type ContactListItem = {
     id?: number | string;
     tel: number | string;
     name: string;
     isDefault?: boolean;
 };
+declare const contactListProps: {
+    list: PropType<ContactListItem[]>;
+    addText: StringConstructor;
+    modelValue: PropType<unknown>;
+    defaultTagText: StringConstructor;
+};
+export declare type ContactListProps = ExtractPropTypes<typeof contactListProps>;
 declare const _default: import("vue").DefineComponent<{
     list: PropType<ContactListItem[]>;
     addText: StringConstructor;

package/es/contact-list/ContactList.js

@@ -10,19 +10,22 @@ import { Radio } from '../radio';
 import { Button } from '../button';
 import { RadioGroup } from '../radio-group';
 var [name, bem, t] = createNamespace('contact-list');
+var contactListProps = {
+  list: Array,
+  addText: String,
+  modelValue: unknownProp,
+  defaultTagText: String
+};
 export default defineComponent({
   name,
-  props: {
-    list: Array,
-    addText: String,
-    modelValue: unknownProp,
-    defaultTagText: String
-  },
+  props: contactListProps,
   emits: ['add', 'edit', 'select', 'update:modelValue'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
+
     var renderItem = (item, index) => {
       var onClick = () => {
         emit('update:modelValue', item.id);

package/es/contact-list/index.css

@@ -1 +1 @@
-:root{--van-contact-list-edit-icon-size:16px;--van-contact-list-add-button-z-index:999;--van-contact-list-item-padding:var(--van-padding-md);--van-contact-list-item-radio-icon-color:var(--van-danger-color)}.van-contact-list{box-sizing:border-box;height:100%;padding-bottom:80px}.van-contact-list__item{padding:var(--van-contact-list-item-padding)}.van-contact-list__item-value{display:flex;align-items:center;padding-right:var(--van-padding-xl);padding-left:var(--van-padding-xs)}.van-contact-list__item-tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-contact-list__edit{font-size:var(--van-contact-list-edit-icon-size)}.van-contact-list__radio .van-radio__icon--checked .van-icon{background-color:var(--van-contact-list-item-radio-icon-color);border-color:var(--van-contact-list-item-radio-icon-color)}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:var(--van-contact-list-add-button-z-index);padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-white)}.van-contact-list__add{height:40px;margin:5px 0}
+:root{--van-contact-list-edit-icon-size:16px;--van-contact-list-add-button-z-index:999;--van-contact-list-item-padding:var(--van-padding-md);--van-contact-list-item-radio-icon-color:var(--van-danger-color)}.van-contact-list{box-sizing:border-box;height:100%;padding-bottom:80px}.van-contact-list__item{padding:var(--van-contact-list-item-padding)}.van-contact-list__item-value{display:flex;align-items:center;padding-right:var(--van-padding-xl);padding-left:var(--van-padding-xs)}.van-contact-list__item-tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-contact-list__edit{font-size:var(--van-contact-list-edit-icon-size)}.van-contact-list__radio .van-radio__icon--checked .van-icon{background-color:var(--van-contact-list-item-radio-icon-color);border-color:var(--van-contact-list-item-radio-icon-color)}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:var(--van-contact-list-add-button-z-index);padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-color-light)}.van-contact-list__add{height:40px;margin:5px 0}

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

@@ -20,4 +20,4 @@ export declare const ContactList: import("../utils").WithInstall<import("vue").D
     onAdd?: ((...args: any[]) => any) | undefined;
 }, {}>>;
 export default ContactList;
-export type { ContactListItem } from './ContactList';
+export type { ContactListItem, ContactListProps } from './ContactList';

package/es/contact-list/index.less

@@ -57,7 +57,7 @@
     z-index: var(--van-contact-list-add-button-z-index);
     padding-left: var(--van-padding-md);
     padding-right: var(--van-padding-md);
-    background-color: var(--van-white);
+    background-color: var(--van-background-color-light);
   }
 
   &__add {