vant 3.2.6 → 3.3.1

package/lib/collapse-item/CollapseItem.js

@@ -24,7 +24,7 @@ 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, {
+var collapseItemProps = (0, _utils.extend)({}, _Cell.cellSharedProps, {
   name: _utils.numericProp,
   isLink: _utils.truthProp,
   disabled: 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 {
@@ -106,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);
     };
 
@@ -122,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: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,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/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/use-id.d.ts

@@ -0,0 +1 @@
+export declare function useId(): string;

package/lib/composables/use-id.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useId = useId;
+
+var _vue = require("vue");
+
+var current = 0;
+
+function useId() {
+  var vm = (0, _vue.getCurrentInstance)();
+  var {
+    name = 'unknown'
+  } = (vm == null ? void 0 : vm.type) || {}; // keep jest snapshot stable
+
+  if (process.env.NODE_ENV === 'test') {
+    return name;
+  }
+
+  return name + "-" + ++current;
+}

package/lib/composables/use-route.d.ts

@@ -9,5 +9,5 @@ export declare const routeProps: {
     replace: BooleanConstructor;
 };
 export declare type RouteProps = ExtractPropTypes<typeof routeProps>;
-export declare function route(vm: ComponentPublicInstance<RouteProps>): void;
+export declare function route({ to, url, replace, $router: router, }: ComponentPublicInstance<RouteProps>): void;
 export declare function useRoute(): () => void;

package/lib/composables/use-route.js

@@ -17,13 +17,13 @@ var routeProps = {
 };
 exports.routeProps = routeProps;
 
-function route(vm) {
-  var router = vm.$router;
+function route(_ref) {
   var {
     to,
     url,
-    replace
-  } = vm;
+    replace,
+    $router: router
+  } = _ref;
 
   if (to && router) {
     router[replace ? 'replace' : 'push'](to);

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

@@ -1,8 +1,17 @@
-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 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>;
@@ -17,8 +26,8 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     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,15 +26,12 @@ function mapThemeVarsToCSSVars(themeVars) {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    tag: (0, _utils.makeStringProp)('div'),
-    themeVars: Object,
-    iconPrefix: String
-  },
-
-  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

@@ -12,9 +12,10 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
 } & {
     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,4 +1,19 @@
+import { ExtractPropTypes } from 'vue';
 export declare type ContactCardType = 'add' | 'edit';
+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;

package/lib/contact-card/ContactCard.js

@@ -10,21 +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,
-    type: (0, _utils.makeStringProp)('add'),
-    addText: String,
-    editable: _utils.truthProp
-  },
+  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:''}

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

@@ -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/lib/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/lib/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/lib/contact-edit/ContactEdit.js

@@ -24,29 +24,31 @@ var DEFAULT_CONTACT = {
   tel: '',
   name: ''
 };
+var contactEditProps = {
+  isEdit: Boolean,
+  isSaving: Boolean,
+  isDeleting: Boolean,
+  showSetDefault: Boolean,
+  setDefaultLabel: String,
+  contactInfo: {
+    type: Object,
+    default: () => (0, _utils.extend)({}, DEFAULT_CONTACT)
+  },
+  telValidator: {
+    type: Function,
+    default: _utils.isMobile
+  }
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    isEdit: Boolean,
-    isSaving: Boolean,
-    isDeleting: Boolean,
-    showSetDefault: Boolean,
-    setDefaultLabel: String,
-    contactInfo: {
-      type: Object,
-      default: () => (0, _utils.extend)({}, DEFAULT_CONTACT)
-    },
-    telValidator: {
-      type: Function,
-      default: _utils.isMobile
-    }
-  },
+  props: contactEditProps,
   emits: ['save', 'delete', 'change-default'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var contact = (0, _vue.reactive)((0, _utils.extend)({}, DEFAULT_CONTACT, props.contactInfo));
 
     var onSave = () => {

package/lib/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/lib/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/lib/contact-list/ContactList.js

@@ -22,20 +22,23 @@ var _radioGroup = require("../radio-group");
 // Utils
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('contact-list');
+var contactListProps = {
+  list: Array,
+  addText: String,
+  modelValue: _utils.unknownProp,
+  defaultTagText: String
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    list: Array,
-    addText: String,
-    modelValue: _utils.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/lib/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/lib/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/lib/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 {

package/lib/count-down/CountDown.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from 'vue';
-declare const props: {
+declare const countDownProps: {
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -14,7 +14,7 @@ declare const props: {
     };
     millisecond: BooleanConstructor;
 };
-export declare type CountDownProps = ExtractPropTypes<typeof props>;
+export declare type CountDownProps = ExtractPropTypes<typeof countDownProps>;
 declare const _default: import("vue").DefineComponent<{
     time: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/count-down/CountDown.js

@@ -16,7 +16,7 @@ var _useExpose = require("../composables/use-expose");
 // Utils
 // Composables
 var [name, bem] = (0, _utils.createNamespace)('count-down');
-var props = {
+var countDownProps = {
   time: (0, _utils.makeNumericProp)(0),
   format: (0, _utils.makeStringProp)('HH:mm:ss'),
   autoStart: _utils.truthProp,
@@ -25,13 +25,14 @@ var props = {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: countDownProps,
   emits: ['change', 'finish'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       start,
       pause,
@@ -62,6 +63,7 @@ var _default = (0, _vue.defineComponent)({
       reset: resetTime
     });
     return () => (0, _vue.createVNode)("div", {
+      "role": "timer",
       "class": bem()
     }, [slots.default ? slots.default(current.value) : timeText.value]);
   }

package/lib/count-down/index.d.ts

@@ -1,4 +1,3 @@
-import { CountDownProps } from './CountDown';
 export declare const CountDown: import("../utils").WithInstall<import("vue").DefineComponent<{
     time: {
         type: (NumberConstructor | StringConstructor)[];
@@ -33,5 +32,5 @@ export declare const CountDown: import("../utils").WithInstall<import("vue").Def
     millisecond: boolean;
 }>>;
 export default CountDown;
-export type { CountDownProps };
+export type { CountDownProps } from './CountDown';
 export type { CountDownInstance, CountDownCurrentTime } from './types';

package/lib/coupon/Coupon.js

@@ -7,19 +7,12 @@ var _vue = require("vue");
 
 var _utils = require("../utils");
 
+var _utils2 = require("./utils");
+
 var _checkbox = require("../checkbox");
 
 var [name, bem, t] = (0, _utils.createNamespace)('coupon');
 
-function getDate(timeStamp) {
-  var date = new Date(timeStamp * 1000);
-  return date.getFullYear() + "." + (0, _utils.padZero)(date.getMonth() + 1) + "." + (0, _utils.padZero)(date.getDate());
-}
-
-var formatDiscount = discount => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
-
-var formatAmount = amount => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
-
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
@@ -35,7 +28,7 @@ var _default = (0, _vue.defineComponent)({
         startAt,
         endAt
       } = props.coupon;
-      return getDate(startAt) + " - " + getDate(endAt);
+      return (0, _utils2.getDate)(startAt) + " - " + (0, _utils2.getDate)(endAt);
     });
     var faceAmount = (0, _vue.computed)(() => {
       var {
@@ -48,18 +41,18 @@ var _default = (0, _vue.defineComponent)({
       }
 
       if (coupon.denominations) {
-        var denominations = formatAmount(coupon.denominations);
+        var denominations = (0, _utils2.formatAmount)(coupon.denominations);
         return [(0, _vue.createVNode)("span", null, [currency]), " " + denominations];
       }
 
       if (coupon.discount) {
-        return t('discount', formatDiscount(coupon.discount));
+        return t('discount', (0, _utils2.formatDiscount)(coupon.discount));
       }
 
       return '';
     });
     var conditionMessage = (0, _vue.computed)(() => {
-      var condition = formatAmount(props.coupon.originCondition || 0);
+      var condition = (0, _utils2.formatAmount)(props.coupon.originCondition || 0);
       return condition === '0' ? t('unlimited') : t('condition', condition);
     });
     return () => {

package/lib/coupon/index.css

@@ -1 +1 @@
-:root{--van-coupon-margin:0 var(--van-padding-sm) var(--van-padding-sm);--van-coupon-content-height:84px;--van-coupon-content-padding:14px 0;--van-coupon-background-color:var(--van-white);--van-coupon-active-background-color:var(--van-active-color);--van-coupon-border-radius:var(--van-border-radius-lg);--van-coupon-box-shadow:0 0 4px rgba(0, 0, 0, 0.1);--van-coupon-head-width:96px;--van-coupon-amount-color:var(--van-danger-color);--van-coupon-amount-font-size:30px;--van-coupon-currency-font-size:40%;--van-coupon-name-font-size:var(--van-font-size-md);--van-coupon-disabled-text-color:var(--van-gray-6);--van-coupon-description-padding:var(--van-padding-xs) var(--van-padding-md);--van-coupon-description-border-color:var(--van-border-color);--van-coupon-corner-checkbox-icon-color:var(--van-danger-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background:var(--van-coupon-background-color);border-radius:var(--van-coupon-border-radius);box-shadow:var(--van-coupon-box-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background-color)}.van-coupon__content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--van-coupon-content-height);padding:var(--van-coupon-content-padding);color:var(--van-gray-8)}.van-coupon__head{position:relative;min-width:var(--van-coupon-head-width);padding:0 var(--van-padding-xs);color:var(--van-coupon-amount-color);text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:var(--van-font-weight-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:var(--van-coupon-currency-font-size)}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:var(--van-font-size-sm);line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;flex:1;border-radius:0 var(--van-coupon-border-radius) var(--van-coupon-border-radius) 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:var(--van-coupon-name-font-size);line-height:var(--van-line-height-md)}.van-coupon__valid{font-size:var(--van-font-size-sm)}.van-coupon__corner{position:absolute;top:0;right:var(--van-padding-md);bottom:0}.van-coupon__corner .van-checkbox__icon--checked .van-icon{background-color:var(--van-coupon-corner-checkbox-icon-color);border-color:var(--van-coupon-corner-checkbox-icon-color)}.van-coupon__description{padding:var(--van-coupon-description-padding);font-size:var(--van-font-size-sm);border-top:1px dashed var(--van-coupon-description-border-color)}.van-coupon--disabled:active{background-color:var(--van-coupon-background-color)}.van-coupon--disabled .van-coupon-item__content{height:calc(var(--van-coupon-content-height) - 10px)}.van-coupon--disabled .van-coupon__head{color:inherit}
+:root{--van-coupon-margin:0 var(--van-padding-sm) var(--van-padding-sm);--van-coupon-content-height:84px;--van-coupon-content-padding:14px 0;--van-coupon-content-text-color:var(--van-text-color);--van-coupon-background-color:var(--van-background-color-light);--van-coupon-active-background-color:var(--van-active-color);--van-coupon-border-radius:var(--van-border-radius-lg);--van-coupon-box-shadow:0 0 4px rgba(0, 0, 0, 0.1);--van-coupon-head-width:96px;--van-coupon-amount-color:var(--van-danger-color);--van-coupon-amount-font-size:30px;--van-coupon-currency-font-size:40%;--van-coupon-name-font-size:var(--van-font-size-md);--van-coupon-disabled-text-color:var(--van-text-color-2);--van-coupon-description-padding:var(--van-padding-xs) var(--van-padding-md);--van-coupon-description-border-color:var(--van-border-color);--van-coupon-corner-checkbox-icon-color:var(--van-danger-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background:var(--van-coupon-background-color);border-radius:var(--van-coupon-border-radius);box-shadow:var(--van-coupon-box-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background-color)}.van-coupon__content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--van-coupon-content-height);padding:var(--van-coupon-content-padding);color:var(--van-coupon-content-text-color)}.van-coupon__head{position:relative;min-width:var(--van-coupon-head-width);padding:0 var(--van-padding-xs);color:var(--van-coupon-amount-color);text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:var(--van-font-weight-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:var(--van-coupon-currency-font-size)}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:var(--van-font-size-sm);line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;flex:1;border-radius:0 var(--van-coupon-border-radius) var(--van-coupon-border-radius) 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:var(--van-coupon-name-font-size);line-height:var(--van-line-height-md)}.van-coupon__valid{font-size:var(--van-font-size-sm)}.van-coupon__corner{position:absolute;top:0;right:var(--van-padding-md);bottom:0}.van-coupon__corner .van-checkbox__icon--checked .van-icon{background-color:var(--van-coupon-corner-checkbox-icon-color);border-color:var(--van-coupon-corner-checkbox-icon-color)}.van-coupon__description{padding:var(--van-coupon-description-padding);font-size:var(--van-font-size-sm);border-top:1px dashed var(--van-coupon-description-border-color)}.van-coupon--disabled:active{background-color:var(--van-coupon-background-color)}.van-coupon--disabled .van-coupon-item__content{height:calc(var(--van-coupon-content-height) - 10px)}.van-coupon--disabled .van-coupon__head{color:inherit}

package/lib/coupon/index.less

@@ -5,6 +5,7 @@
   --van-coupon-margin: @coupon-margin;
   --van-coupon-content-height: @coupon-content-height;
   --van-coupon-content-padding: @coupon-content-padding;
+  --van-coupon-content-text-color: @coupon-content-text-color;
   --van-coupon-background-color: @coupon-background-color;
   --van-coupon-active-background-color: @coupon-active-background-color;
   --van-coupon-border-radius: @coupon-border-radius;
@@ -37,7 +38,7 @@
     box-sizing: border-box;
     min-height: var(--van-coupon-content-height);
     padding: var(--van-coupon-content-padding);
-    color: var(--van-gray-8);
+    color: var(--van-coupon-content-text-color);
   }
 
   &__head {

package/lib/coupon/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function getDate(timeStamp: number): string;
+export declare const formatDiscount: (discount: number) => string;
+export declare const formatAmount: (amount: number) => string;

package/lib/coupon/utils.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.formatDiscount = exports.formatAmount = void 0;
+exports.getDate = getDate;
+
+var _utils = require("../utils");
+
+function getDate(timeStamp) {
+  var date = new Date(timeStamp * 1000);
+  return date.getFullYear() + "." + (0, _utils.padZero)(date.getMonth() + 1) + "." + (0, _utils.padZero)(date.getDate());
+}
+
+var formatDiscount = discount => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
+
+exports.formatDiscount = formatDiscount;
+
+var formatAmount = amount => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
+
+exports.formatAmount = formatAmount;