vant 3.2.2 → 3.2.6

package/es/circle/Circle.d.ts

@@ -3,57 +3,57 @@ export declare type CircleStartPosition = 'top' | 'right' | 'bottom' | 'left';
 declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
-    color: PropType<string | Record<string, string>>;
-    clockwise: {
-        type: BooleanConstructor;
-        default: true;
+    fill: {
+        type: PropType<string>;
+        default: string;
     };
-    layerColor: StringConstructor;
-    strokeLinecap: PropType<CanvasLineCap>;
-    currentRate: {
-        type: NumberConstructor;
+    rate: {
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     speed: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    fill: {
-        type: StringConstructor;
-        default: string;
+    color: 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: PropType<CanvasLineCap>;
     startPosition: {
         type: PropType<CircleStartPosition>;
-        default: string;
+        default: 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: CircleStartPosition;
 } & {
     text?: string | undefined;
@@ -66,10 +66,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     fill: string;
     strokeWidth: string | number;
+    rate: string | number;
+    speed: string | number;
     clockwise: boolean;
     currentRate: number;
-    speed: string | number;
-    rate: string | number;
     startPosition: CircleStartPosition;
 }>;
 export default _default;

package/es/circle/Circle.js

@@ -1,13 +1,11 @@
 import { createVNode as _createVNode } from "vue";
 import { watch, computed, defineComponent } from 'vue';
 import { raf, cancelRaf } from '@vant/use';
-import { isObject, getSizeStyle, truthProp, createNamespace } from '../utils';
+import { isObject, truthProp, numericProp, getSizeStyle, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from '../utils';
 var [name, bem] = createNamespace('circle');
 var uid = 0;
 
-function format(rate) {
-  return Math.min(Math.max(+rate, 0), 100);
-}
+var format = rate => Math.min(Math.max(+rate, 0), 100);
 
 function getPath(clockwise, viewBoxSize) {
   var sweepFlag = clockwise ? 1 : 0;
@@ -18,35 +16,17 @@ export default defineComponent({
   name,
   props: {
     text: String,
-    size: [Number, String],
+    size: numericProp,
+    fill: makeStringProp('none'),
+    rate: makeNumericProp(100),
+    speed: makeNumericProp(0),
     color: [String, Object],
     clockwise: truthProp,
     layerColor: String,
+    currentRate: makeNumberProp(0),
+    strokeWidth: makeNumericProp(40),
     strokeLinecap: String,
-    currentRate: {
-      type: Number,
-      default: 0
-    },
-    speed: {
-      type: [Number, String],
-      default: 0
-    },
-    fill: {
-      type: String,
-      default: 'none'
-    },
-    rate: {
-      type: [Number, String],
-      default: 100
-    },
-    strokeWidth: {
-      type: [Number, String],
-      default: 40
-    },
-    startPosition: {
-      type: String,
-      default: 'top'
-    }
+    startPosition: makeStringProp('top')
   },
   emits: ['update:currentRate'],
 

package/es/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,10 +64,10 @@ 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;

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,23 +1,23 @@
 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;
 } & {
     offset?: string | number | undefined;
-}> & {}, {
+}>, {
     span: string | number;
     tag: keyof HTMLElementTagNameMap;
 }>>;

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
@@ -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.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-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:var(--van-collapse-item-content-background-color)}

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

@@ -1,3 +1,4 @@
+import { CollapseItemProps } from './CollapseItem';
 export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
     size: import("vue").PropType<"large">;
@@ -51,33 +52,34 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     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 type { CollapseItemProps };
 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/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

@@ -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,20 +1,20 @@
 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;
 } & {
-    themeVars?: Record<string, string | number> | undefined;
     iconPrefix?: string | undefined;
-}> & {}, {
+    themeVars?: Record<string, string | number> | undefined;
+}>, {
     tag: keyof HTMLElementTagNameMap;
 }>>;
 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 @@
 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;

package/es/contact-edit/ContactEdit.js

@@ -7,7 +7,6 @@ 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 = {
@@ -44,9 +43,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')