vant 3.2.6 → 3.2.7

package/es/action-bar/ActionBar.d.ts

@@ -1,4 +1,12 @@
+import { ExtractPropTypes } from 'vue';
 export declare const ACTION_BAR_KEY: unique symbol;
+declare const actionBarProps: {
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type ActionBarProps = ExtractPropTypes<typeof actionBarProps>;
 declare const _default: import("vue").DefineComponent<{
     safeAreaInsetBottom: {
         type: BooleanConstructor;

package/es/action-bar/ActionBar.js

@@ -4,15 +4,17 @@ import { truthProp, createNamespace } from '../utils';
 import { useChildren } from '@vant/use';
 var [name, bem] = createNamespace('action-bar');
 export var ACTION_BAR_KEY = Symbol(name);
+var actionBarProps = {
+  safeAreaInsetBottom: truthProp
+};
 export default defineComponent({
   name,
-  props: {
-    safeAreaInsetBottom: truthProp
-  },
+  props: actionBarProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       linkChildren
     } = useChildren(ACTION_BAR_KEY);

package/es/action-bar/index.css

@@ -1 +1 @@
-:root{--van-action-bar-background-color:var(--van-white);--van-action-bar-height:50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background:var(--van-action-bar-background-color)}
+:root{--van-action-bar-background-color:var(--van-background-color-light);--van-action-bar-height:50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background:var(--van-action-bar-background-color)}

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

@@ -11,3 +11,4 @@ export declare const ActionBar: import("../utils").WithInstall<import("vue").Def
     safeAreaInsetBottom: boolean;
 }>>;
 export default ActionBar;
+export type { ActionBarProps } from './ActionBar';

package/es/action-bar/var.less

@@ -1,4 +1,4 @@
 @import '../style/var.less';
 
-@action-bar-background-color: var(--van-white);
+@action-bar-background-color: var(--van-background-color-light);
 @action-bar-height: 50px;

package/es/action-bar-button/ActionBarButton.d.ts

@@ -1,5 +1,18 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
+declare const actionBarButtonProps: {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    type: PropType<ButtonType>;
+    text: StringConstructor;
+    icon: StringConstructor;
+    color: StringConstructor;
+    loading: BooleanConstructor;
+    disabled: BooleanConstructor;
+};
+export declare type ActionBarButtonProps = ExtractPropTypes<typeof actionBarButtonProps>;
 declare const _default: import("vue").DefineComponent<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/es/action-bar-button/ActionBarButton.js

@@ -9,20 +9,22 @@ import { useRoute, routeProps } from '../composables/use-route'; // Components
 
 import { Button } from '../button';
 var [name, bem] = createNamespace('action-bar-button');
+var actionBarButtonProps = extend({}, routeProps, {
+  type: String,
+  text: String,
+  icon: String,
+  color: String,
+  loading: Boolean,
+  disabled: Boolean
+});
 export default defineComponent({
   name,
-  props: extend({}, routeProps, {
-    type: String,
-    text: String,
-    icon: String,
-    color: String,
-    loading: Boolean,
-    disabled: Boolean
-  }),
+  props: actionBarButtonProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var route = useRoute();
     var {
       parent,

package/es/action-bar-button/index.d.ts

@@ -36,3 +36,4 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
     loading: boolean;
 }>>;
 export default ActionBarButton;
+export type { ActionBarButtonProps } from './ActionBarButton';

package/es/action-bar-icon/ActionBarIcon.d.ts

@@ -1,3 +1,18 @@
+import { ExtractPropTypes } from 'vue';
+declare const actionBarIconProps: {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    color: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconClass: import("vue").PropType<unknown>;
+    iconPrefix: StringConstructor;
+};
+export declare type ActionBarIconProps = ExtractPropTypes<typeof actionBarIconProps>;
 declare const _default: import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/es/action-bar-icon/ActionBarIcon.js

@@ -9,21 +9,23 @@ import { useRoute, routeProps } from '../composables/use-route'; // Components
 import { Icon } from '../icon';
 import { Badge } from '../badge';
 var [name, bem] = createNamespace('action-bar-icon');
+var actionBarIconProps = extend({}, routeProps, {
+  dot: Boolean,
+  text: String,
+  icon: String,
+  color: String,
+  badge: numericProp,
+  iconClass: unknownProp,
+  iconPrefix: String
+});
 export default defineComponent({
   name,
-  props: extend({}, routeProps, {
-    dot: Boolean,
-    text: String,
-    icon: String,
-    color: String,
-    badge: numericProp,
-    iconClass: unknownProp,
-    iconPrefix: String
-  }),
+  props: actionBarIconProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var route = useRoute();
     useParent(ACTION_BAR_KEY);
 

package/es/action-bar-icon/index.css

@@ -1 +1 @@
-:root{--van-action-bar-icon-width:48px;--van-action-bar-icon-height:100%;--van-action-bar-icon-color:var(--van-text-color);--van-action-bar-icon-size:18px;--van-action-bar-icon-font-size:var(--van-font-size-xs);--van-action-bar-icon-active-color:var(--van-active-color);--van-action-bar-icon-text-color:var(--van-gray-7);--van-action-bar-icon-background-color:var(--van-white)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background-color);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}
+:root{--van-action-bar-icon-width:48px;--van-action-bar-icon-height:100%;--van-action-bar-icon-color:var(--van-text-color);--van-action-bar-icon-size:18px;--van-action-bar-icon-font-size:var(--van-font-size-xs);--van-action-bar-icon-active-color:var(--van-active-color);--van-action-bar-icon-text-color:var(--van-gray-7);--van-action-bar-icon-background-color:var(--van-background-color-light)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background-color);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}

package/es/action-bar-icon/index.d.ts

@@ -38,3 +38,4 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     dot: boolean;
 }>>;
 export default ActionBarIcon;
+export type { ActionBarIconProps } from './ActionBarIcon';

package/es/action-bar-icon/var.less

@@ -7,4 +7,4 @@
 @action-bar-icon-font-size: var(--van-font-size-xs);
 @action-bar-icon-active-color: var(--van-active-color);
 @action-bar-icon-text-color: var(--van-gray-7);
-@action-bar-icon-background-color: var(--van-white);
+@action-bar-icon-background-color: var(--van-background-color-light);

package/es/action-sheet/ActionSheet.d.ts

@@ -1,3 +1,4 @@
+import { ExtractPropTypes } from 'vue';
 export declare type ActionSheetAction = {
     name?: string;
     color?: string;
@@ -7,6 +8,62 @@ export declare type ActionSheetAction = {
     callback?: (action: ActionSheetAction) => void;
     className?: unknown;
 };
+declare const actionSheetProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actions: {
+        type: import("vue").PropType<ActionSheetAction[]>;
+        default: () => never[];
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    cancelText: StringConstructor;
+    description: StringConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickAction: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type ActionSheetProps = ExtractPropTypes<typeof actionSheetProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];

package/es/action-sheet/ActionSheet.js

@@ -1,34 +1,37 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { nextTick, defineComponent } from 'vue'; // Utils
 
-import { pick, extend, truthProp, makeArrayProp, makeStringProp, createNamespace } from '../utils'; // Components
+import { pick, extend, truthProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Components
 
 import { Icon } from '../icon';
 import { Popup } from '../popup';
 import { Loading } from '../loading';
 import { popupSharedProps, popupSharedPropKeys } from '../popup/shared';
 var [name, bem] = createNamespace('action-sheet');
-var popupKeys = [...popupSharedPropKeys, 'round', 'closeOnPopstate', 'safeAreaInsetBottom'];
+var actionSheetProps = extend({}, popupSharedProps, {
+  title: String,
+  round: truthProp,
+  actions: makeArrayProp(),
+  closeIcon: makeStringProp('cross'),
+  closeable: truthProp,
+  cancelText: String,
+  description: String,
+  closeOnPopstate: truthProp,
+  closeOnClickAction: Boolean,
+  safeAreaInsetBottom: truthProp
+});
+var popupInheritKeys = [...popupSharedPropKeys, 'round', 'closeOnPopstate', 'safeAreaInsetBottom'];
 export default defineComponent({
   name,
-  props: extend({}, popupSharedProps, {
-    title: String,
-    round: truthProp,
-    actions: makeArrayProp(),
-    closeIcon: makeStringProp('cross'),
-    closeable: truthProp,
-    cancelText: String,
-    description: String,
-    closeOnPopstate: truthProp,
-    closeOnClickAction: Boolean,
-    safeAreaInsetBottom: truthProp
-  }),
+  props: actionSheetProps,
   emits: ['select', 'cancel', 'update:show'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var updateShow = show => emit('update:show', show);
 
     var onCancel = () => {
@@ -42,7 +45,7 @@ export default defineComponent({
           "class": bem('header')
         }, [props.title, props.closeable && _createVNode(Icon, {
           "name": props.closeIcon,
-          "class": bem('close'),
+          "class": [bem('close'), HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
       }
@@ -120,7 +123,7 @@ export default defineComponent({
       "class": bem(),
       "position": "bottom",
       "onUpdate:show": updateShow
-    }, pick(props, popupKeys)), {
+    }, pick(props, popupInheritKeys)), {
       default: () => [renderHeader(), renderDescription(), _createVNode("div", {
         "class": bem('content')
       }, [props.actions.map(renderOption), slots.default == null ? void 0 : slots.default()]), renderCancel()]

package/es/action-sheet/index.css

@@ -1 +1 @@
-:root{--van-action-sheet-max-height:80%;--van-action-sheet-header-height:48px;--van-action-sheet-header-font-size:var(--van-font-size-lg);--van-action-sheet-description-color:var(--van-gray-6);--van-action-sheet-description-font-size:var(--van-font-size-md);--van-action-sheet-description-line-height:var(--van-line-height-md);--van-action-sheet-item-background:var(--van-white);--van-action-sheet-item-font-size:var(--van-font-size-lg);--van-action-sheet-item-line-height:var(--van-line-height-lg);--van-action-sheet-item-text-color:var(--van-text-color);--van-action-sheet-item-disabled-text-color:var(--van-gray-5);--van-action-sheet-subname-color:var(--van-gray-6);--van-action-sheet-subname-font-size:var(--van-font-size-sm);--van-action-sheet-subname-line-height:var(--van-line-height-sm);--van-action-sheet-close-icon-size:22px;--van-action-sheet-close-icon-color:var(--van-gray-5);--van-action-sheet-close-icon-active-color:var(--van-gray-6);--van-action-sheet-close-icon-padding:0 var(--van-padding-md);--van-action-sheet-cancel-text-color:var(--van-gray-7);--van-action-sheet-cancel-padding-top:var(--van-padding-xs);--van-action-sheet-cancel-padding-color:var(--van-background-color);--van-action-sheet-loading-icon-size:22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-weight-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}.van-action-sheet__close:active{color:var(--van-action-sheet-close-icon-active-color)}
+:root{--van-action-sheet-max-height:80%;--van-action-sheet-header-height:48px;--van-action-sheet-header-font-size:var(--van-font-size-lg);--van-action-sheet-description-color:var(--van-text-color-2);--van-action-sheet-description-font-size:var(--van-font-size-md);--van-action-sheet-description-line-height:var(--van-line-height-md);--van-action-sheet-item-background:var(--van-background-color-light);--van-action-sheet-item-font-size:var(--van-font-size-lg);--van-action-sheet-item-line-height:var(--van-line-height-lg);--van-action-sheet-item-text-color:var(--van-text-color);--van-action-sheet-item-disabled-text-color:var(--van-text-color-3);--van-action-sheet-subname-color:var(--van-text-color-2);--van-action-sheet-subname-font-size:var(--van-font-size-sm);--van-action-sheet-subname-line-height:var(--van-line-height-sm);--van-action-sheet-close-icon-size:22px;--van-action-sheet-close-icon-color:var(--van-gray-5);--van-action-sheet-close-icon-padding:0 var(--van-padding-md);--van-action-sheet-cancel-text-color:var(--van-gray-7);--van-action-sheet-cancel-padding-top:var(--van-padding-xs);--van-action-sheet-cancel-padding-color:var(--van-background-color);--van-action-sheet-loading-icon-size:22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-weight-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}

package/es/action-sheet/index.d.ts

@@ -119,4 +119,4 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     closeOnClickAction: boolean;
 }>>;
 export default ActionSheet;
-export type { ActionSheetAction } from './ActionSheet';
+export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';

package/es/action-sheet/index.less

@@ -18,7 +18,6 @@
   --van-action-sheet-subname-line-height: @action-sheet-subname-line-height;
   --van-action-sheet-close-icon-size: @action-sheet-close-icon-size;
   --van-action-sheet-close-icon-color: @action-sheet-close-icon-color;
-  --van-action-sheet-close-icon-active-color: @action-sheet-close-icon-active-color;
   --van-action-sheet-close-icon-padding: @action-sheet-close-icon-padding;
   --van-action-sheet-cancel-text-color: @action-sheet-cancel-text-color;
   --van-action-sheet-cancel-padding-top: @action-sheet-cancel-padding-top;
@@ -129,9 +128,5 @@
     color: var(--van-action-sheet-close-icon-color);
     font-size: var(--van-action-sheet-close-icon-size);
     line-height: inherit;
-
-    &:active {
-      color: var(--van-action-sheet-close-icon-active-color);
-    }
   }
 }

package/es/action-sheet/var.less

@@ -3,20 +3,19 @@
 @action-sheet-max-height: 80%;
 @action-sheet-header-height: 48px;
 @action-sheet-header-font-size: var(--van-font-size-lg);
-@action-sheet-description-color: var(--van-gray-6);
+@action-sheet-description-color: var(--van-text-color-2);
 @action-sheet-description-font-size: var(--van-font-size-md);
 @action-sheet-description-line-height: var(--van-line-height-md);
-@action-sheet-item-background: var(--van-white);
+@action-sheet-item-background: var(--van-background-color-light);
 @action-sheet-item-font-size: var(--van-font-size-lg);
 @action-sheet-item-line-height: var(--van-line-height-lg);
 @action-sheet-item-text-color: var(--van-text-color);
-@action-sheet-item-disabled-text-color: var(--van-gray-5);
-@action-sheet-subname-color: var(--van-gray-6);
+@action-sheet-item-disabled-text-color: var(--van-text-color-3);
+@action-sheet-subname-color: var(--van-text-color-2);
 @action-sheet-subname-font-size: var(--van-font-size-sm);
 @action-sheet-subname-line-height: var(--van-line-height-sm);
 @action-sheet-close-icon-size: 22px;
 @action-sheet-close-icon-color: var(--van-gray-5);
-@action-sheet-close-icon-active-color: var(--van-gray-6);
 @action-sheet-close-icon-padding: 0 var(--van-padding-md);
 @action-sheet-cancel-text-color: var(--van-gray-7);
 @action-sheet-cancel-padding-top: var(--van-padding-xs);

package/es/address-edit/AddressEdit.d.ts

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes } from 'vue';
 import { isMobile } from '../utils';
 import { AreaList } from '../area';
 import type { AddressEditInfo, AddressEditSearchItem } from './types';
-declare const props: {
+declare const addressEditProps: {
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -50,7 +50,7 @@ declare const props: {
         default: (value: string) => boolean;
     };
 };
-export declare type AddressEditProps = ExtractPropTypes<typeof props>;
+export declare type AddressEditProps = ExtractPropTypes<typeof addressEditProps>;
 declare const _default: import("vue").DefineComponent<{
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;

package/es/address-edit/AddressEdit.js

@@ -30,7 +30,7 @@ var DEFAULT_DATA = {
 
 var isPostal = value => /^\d{6}$/.test(value);
 
-var props = {
+var addressEditProps = {
   areaList: Object,
   isSaving: Boolean,
   isDeleting: Boolean,
@@ -65,13 +65,14 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: addressEditProps,
   emits: ['save', 'focus', 'delete', 'click-area', 'change-area', 'change-detail', 'select-search', 'change-default'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var areaRef = ref();
     var state = reactive({
       data: {},

package/es/address-edit/AddressEditDetail.js

@@ -21,9 +21,10 @@ export default defineComponent({
   },
   emits: ['blur', 'focus', 'input', 'select-search'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var field = ref();
 
     var showSearchResult = () => props.focused && props.searchResult && props.showSearchResult;

package/es/address-list/AddressList.d.ts

@@ -1,4 +1,24 @@
+import { ExtractPropTypes } from 'vue';
 import { AddressListAddress } from './AddressListItem';
+declare const addressListProps: {
+    list: {
+        type: import("vue").PropType<AddressListAddress[]>;
+        default: () => never[];
+    };
+    modelValue: (NumberConstructor | StringConstructor)[];
+    switchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    disabledText: StringConstructor;
+    disabledList: {
+        type: import("vue").PropType<AddressListAddress[]>;
+        default: () => never[];
+    };
+    addButtonText: StringConstructor;
+    defaultTagText: StringConstructor;
+};
+export declare type AddressListProps = ExtractPropTypes<typeof addressListProps>;
 declare const _default: import("vue").DefineComponent<{
     list: {
         type: import("vue").PropType<AddressListAddress[]>;

package/es/address-list/AddressList.js

@@ -7,23 +7,26 @@ import { Button } from '../button';
 import { RadioGroup } from '../radio-group';
 import AddressListItem from './AddressListItem';
 var [name, bem, t] = createNamespace('address-list');
+var addressListProps = {
+  list: makeArrayProp(),
+  modelValue: numericProp,
+  switchable: truthProp,
+  disabledText: String,
+  disabledList: makeArrayProp(),
+  addButtonText: String,
+  defaultTagText: String
+};
 export default defineComponent({
   name,
-  props: {
-    list: makeArrayProp(),
-    modelValue: numericProp,
-    switchable: truthProp,
-    disabledText: String,
-    disabledList: makeArrayProp(),
-    addButtonText: String,
-    defaultTagText: String
-  },
+  props: addressListProps,
   emits: ['add', 'edit', 'select', 'click-item', 'edit-disabled', 'select-disabled', 'update:modelValue'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var renderItem = (item, index, disabled) => {
       var onEdit = () => emit(disabled ? 'edit-disabled' : 'edit', item, index);
 

package/es/address-list/AddressListItem.js

@@ -18,10 +18,12 @@ export default defineComponent({
   },
   emits: ['edit', 'click', 'select'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var onClick = () => {
       if (props.switchable) {
         emit('select');

package/es/address-list/index.css

@@ -1 +1 @@
-:root{--van-address-list-padding:var(--van-padding-sm) var(--van-padding-sm) 80px;--van-address-list-disabled-text-color:var(--van-gray-6);--van-address-list-disabled-text-padding:calc(var(--van-padding-base) * 5) 0 var(--van-padding-md);--van-address-list-disabled-text-font-size:var(--van-font-size-md);--van-address-list-disabled-text-line-height:var(--van-line-height-md);--van-address-list-add-button-z-index:999;--van-address-list-item-padding:var(--van-padding-sm);--van-address-list-item-text-color:var(--van-text-color);--van-address-list-item-disabled-text-color:var(--van-gray-5);--van-address-list-item-font-size:13px;--van-address-list-item-line-height:var(--van-line-height-sm);--van-address-list-item-radio-icon-color:var(--van-danger-color);--van-address-list-edit-icon-size:20px}.van-address-list{box-sizing:border-box;height:100%;padding:var(--van-address-list-padding)}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:var(--van-address-list-add-button-z-index);box-sizing:border-box;width:100%;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-white)}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:var(--van-address-list-disabled-text-padding);color:var(--van-address-list-disabled-text-color);font-size:var(--van-address-list-disabled-text-font-size);line-height:var(--van-address-list-disabled-text-line-height)}.van-address-item{padding:var(--van-address-list-item-padding);background-color:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-address-item:not(:last-child){margin-bottom:var(--van-padding-sm)}.van-address-item__value{padding-right:44px}.van-address-item__name{display:flex;align-items:center;margin-bottom:var(--van-padding-xs);font-size:var(--van-font-size-lg);line-height:var(--van-line-height-lg)}.van-address-item__tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:var(--van-address-list-item-text-color);font-size:var(--van-address-list-item-font-size);line-height:var(--van-address-list-item-line-height)}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:var(--van-address-list-item-disabled-text-color)}.van-address-item__edit{position:absolute;top:50%;right:var(--van-padding-md);color:var(--van-gray-6);font-size:var(--van-address-list-edit-icon-size);transform:translate(0,-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:var(--van-padding-sm)}.van-address-item .van-radio__icon--checked .van-icon{background-color:var(--van-address-list-item-radio-icon-color);border-color:var(--van-address-list-item-radio-icon-color)}
+:root{--van-address-list-padding:var(--van-padding-sm) var(--van-padding-sm) 80px;--van-address-list-disabled-text-color:var(--van-text-color-2);--van-address-list-disabled-text-padding:calc(var(--van-padding-base) * 5) 0 var(--van-padding-md);--van-address-list-disabled-text-font-size:var(--van-font-size-md);--van-address-list-disabled-text-line-height:var(--van-line-height-md);--van-address-list-add-button-z-index:999;--van-address-list-item-padding:var(--van-padding-sm);--van-address-list-item-text-color:var(--van-text-color);--van-address-list-item-disabled-text-color:var(--van-text-color-3);--van-address-list-item-font-size:13px;--van-address-list-item-line-height:var(--van-line-height-sm);--van-address-list-item-radio-icon-color:var(--van-danger-color);--van-address-list-edit-icon-size:20px}.van-address-list{box-sizing:border-box;height:100%;padding:var(--van-address-list-padding)}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:var(--van-address-list-add-button-z-index);box-sizing:border-box;width:100%;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-color-light)}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:var(--van-address-list-disabled-text-padding);color:var(--van-address-list-disabled-text-color);font-size:var(--van-address-list-disabled-text-font-size);line-height:var(--van-address-list-disabled-text-line-height)}.van-address-item{padding:var(--van-address-list-item-padding);background-color:var(--van-background-color-light);border-radius:var(--van-border-radius-lg)}.van-address-item:not(:last-child){margin-bottom:var(--van-padding-sm)}.van-address-item__value{padding-right:44px}.van-address-item__name{display:flex;align-items:center;margin-bottom:var(--van-padding-xs);font-size:var(--van-font-size-lg);line-height:var(--van-line-height-lg)}.van-address-item__tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:var(--van-address-list-item-text-color);font-size:var(--van-address-list-item-font-size);line-height:var(--van-address-list-item-line-height)}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:var(--van-address-list-item-disabled-text-color)}.van-address-item__edit{position:absolute;top:50%;right:var(--van-padding-md);color:var(--van-gray-6);font-size:var(--van-address-list-edit-icon-size);transform:translate(0,-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:var(--van-padding-sm)}.van-address-item .van-radio__icon--checked .van-icon{background-color:var(--van-address-list-item-radio-icon-color);border-color:var(--van-address-list-item-radio-icon-color)}

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

@@ -46,4 +46,5 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     disabledList: import("./AddressListItem").AddressListAddress[];
 }>>;
 export default AddressList;
+export type { AddressListProps } from './AddressList';
 export type { AddressListAddress } from './AddressListItem';

package/es/address-list/index.less

@@ -30,7 +30,7 @@
     width: 100%;
     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 {
@@ -48,7 +48,7 @@
 
 .van-address-item {
   padding: var(--van-address-list-item-padding);
-  background-color: var(--van-white);
+  background-color: var(--van-background-color-light);
   border-radius: var(--van-border-radius-lg);
 
   &:not(:last-child) {

package/es/address-list/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;
-@address-list-disabled-text-color: var(--van-gray-6);
+@address-list-disabled-text-color: var(--van-text-color-2);
 @address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0
   var(--van-padding-md);
 @address-list-disabled-text-font-size: var(--van-font-size-md);
@@ -9,7 +9,7 @@
 @address-list-add-button-z-index: 999;
 @address-list-item-padding: var(--van-padding-sm);
 @address-list-item-text-color: var(--van-text-color);
-@address-list-item-disabled-text-color: var(--van-gray-5);
+@address-list-item-disabled-text-color: var(--van-text-color-3);
 @address-list-item-font-size: 13px;
 @address-list-item-line-height: var(--van-line-height-sm);
 @address-list-item-radio-icon-color: var(--van-danger-color);

package/es/area/Area.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { AreaList } from './types';
-declare const props: {
+declare const areaProps: {
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -42,7 +42,7 @@ declare const props: {
         default: (code: string) => boolean;
     };
 };
-export declare type AreaProps = ExtractPropTypes<typeof props>;
+export declare type AreaProps = ExtractPropTypes<typeof areaProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     loading: BooleanConstructor;