vant 3.2.5 → 3.3.0

package/es/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from 'vue';
-declare const props: {
+declare const checkboxProps: {
     name: import("vue").PropType<unknown>;
     shape: {
         type: import("vue").PropType<import("./Checker").CheckerShape>;
@@ -17,7 +17,7 @@ declare const props: {
         default: true;
     };
 };
-export declare type CheckboxProps = ExtractPropTypes<typeof props>;
+export declare type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
     shape: {

package/es/checkbox/Checkbox.js

@@ -10,18 +10,19 @@ import { useExpose } from '../composables/use-expose'; // Components
 import Checker, { checkerProps } from './Checker'; // Types
 
 var [name, bem] = createNamespace('checkbox');
-var props = extend({}, checkerProps, {
+var checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp
 });
 export default defineComponent({
   name,
-  props,
+  props: checkboxProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       parent
     } = useParent(CHECKBOX_GROUP_KEY);
@@ -67,7 +68,11 @@ export default defineComponent({
       return !!props.modelValue;
     });
 
-    var toggle = (newValue = !checked.value) => {
+    var toggle = function (newValue) {
+      if (newValue === void 0) {
+        newValue = !checked.value;
+      }
+
       if (parent && props.bindGroup) {
         setParentValue(newValue);
       } else {

package/es/checkbox/Checker.js

@@ -22,10 +22,11 @@ export default defineComponent({
   }),
   emits: ['click', 'toggle'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var iconRef = ref();
 
     var getParentProp = name => {
@@ -97,21 +98,14 @@ export default defineComponent({
     };
 
     return () => {
-      var nodes = [renderIcon()];
-
-      if (props.labelPosition === 'left') {
-        nodes.unshift(renderLabel());
-      } else {
-        nodes.push(renderLabel());
-      }
-
+      var nodes = props.labelPosition === 'left' ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()];
       return _createVNode("div", {
         "role": props.role,
         "class": props.bem([{
           disabled: disabled.value,
           'label-disabled': props.labelDisabled
         }, direction.value]),
-        "tabindex": disabled.value ? -1 : 0,
+        "tabindex": disabled.value ? undefined : 0,
         "aria-checked": props.checked,
         "onClick": onClick
       }, [nodes]);

package/es/checkbox/index.css

@@ -1 +1 @@
-:root{--van-checkbox-size:20px;--van-checkbox-border-color:var(--van-gray-5);--van-checkbox-transition-duration:var(--van-animation-duration-fast);--van-checkbox-label-margin:var(--van-padding-xs);--van-checkbox-label-color:var(--van-text-color);--van-checkbox-checked-icon-color:var(--van-primary-color);--van-checkbox-disabled-icon-color:var(--van-gray-5);--van-checkbox-disabled-label-color:var(--van-gray-5);--van-checkbox-disabled-background-color:var(--van-border-color)}.van-checkbox{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:var(--van-padding-sm)}.van-checkbox__icon{flex:none;height:1em;font-size:var(--van-checkbox-size);line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-checkbox-border-color);transition-duration:var(--van-checkbox-transition-duration);transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-checkbox-checked-icon-color);border-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:var(--van-checkbox-disabled-background-color);border-color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__label{margin-left:var(--van-checkbox-label-margin);color:var(--van-checkbox-label-color);line-height:var(--van-checkbox-size)}.van-checkbox__label--left{margin:0 var(--van-checkbox-label-margin) 0 0}.van-checkbox__label--disabled{color:var(--van-checkbox-disabled-label-color)}
+:root{--van-checkbox-size:20px;--van-checkbox-border-color:var(--van-gray-5);--van-checkbox-transition-duration:var(--van-animation-duration-fast);--van-checkbox-label-margin:var(--van-padding-xs);--van-checkbox-label-color:var(--van-text-color);--van-checkbox-checked-icon-color:var(--van-primary-color);--van-checkbox-disabled-icon-color:var(--van-gray-5);--van-checkbox-disabled-label-color:var(--van-text-color-3);--van-checkbox-disabled-background-color:var(--van-border-color)}.van-checkbox{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:var(--van-padding-sm)}.van-checkbox__icon{flex:none;height:1em;font-size:var(--van-checkbox-size);line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-checkbox-border-color);transition-duration:var(--van-checkbox-transition-duration);transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-checkbox-checked-icon-color);border-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:var(--van-checkbox-disabled-background-color);border-color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__label{margin-left:var(--van-checkbox-label-margin);color:var(--van-checkbox-label-color);line-height:var(--van-checkbox-size)}.van-checkbox__label--left{margin:0 var(--van-checkbox-label-margin) 0 0}.van-checkbox__label--disabled{color:var(--van-checkbox-disabled-label-color)}

package/es/checkbox/index.d.ts

@@ -1,4 +1,3 @@
-import { CheckboxProps } from './Checkbox';
 export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
     shape: {
@@ -47,5 +46,5 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     bindGroup: boolean;
 }>>;
 export default Checkbox;
-export type { CheckboxProps };
-export type { CheckboxInstance } from './types';
+export type { CheckboxProps } from './Checkbox';
+export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';

package/es/checkbox/types.d.ts

@@ -1,14 +1,13 @@
 import type { ComponentPublicInstance, ComputedRef } from 'vue';
 import type { CheckboxProps } from './Checkbox';
+import type { CheckerShape, CheckerLabelPosition } from './Checker';
+export declare type CheckboxShape = CheckerShape;
+export declare type CheckboxLabelPosition = CheckerLabelPosition;
 export declare type CheckboxExpose = {
     toggle: (newValue?: boolean) => void;
-    /**
-     * @private
-     */
+    /** @private */
     props: CheckboxProps;
-    /**
-     * @private
-     */
+    /** @private */
     checked: ComputedRef<boolean>;
 };
 export declare type CheckboxInstance = ComponentPublicInstance<CheckboxProps, CheckboxExpose>;

package/es/checkbox/var.less

@@ -7,5 +7,5 @@
 @checkbox-label-color: var(--van-text-color);
 @checkbox-checked-icon-color: var(--van-primary-color);
 @checkbox-disabled-icon-color: var(--van-gray-5);
-@checkbox-disabled-label-color: var(--van-gray-5);
+@checkbox-disabled-label-color: var(--van-text-color-3);
 @checkbox-disabled-background-color: var(--van-border-color);

package/es/checkbox-group/CheckboxGroup.d.ts

@@ -1,7 +1,7 @@
 import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 import type { CheckerDirection } from '../checkbox/Checker';
 import type { CheckboxGroupProvide } from './types';
-declare const props: {
+declare const checkboxGroupProps: {
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
@@ -12,7 +12,7 @@ declare const props: {
     };
     checkedColor: StringConstructor;
 };
-export declare type CheckboxGroupProps = ExtractPropTypes<typeof props>;
+export declare type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
 export declare const CHECKBOX_GROUP_KEY: InjectionKey<CheckboxGroupProvide>;
 declare const _default: import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];

package/es/checkbox-group/CheckboxGroup.js

@@ -7,7 +7,7 @@ import { useChildren, useCustomFieldValue } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Types
 
 var [name, bem] = createNamespace('checkbox-group');
-var props = {
+var checkboxGroupProps = {
   max: numericProp,
   disabled: Boolean,
   iconSize: numericProp,
@@ -18,13 +18,14 @@ var props = {
 export var CHECKBOX_GROUP_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: checkboxGroupProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       children,
       linkChildren
@@ -32,7 +33,11 @@ export default defineComponent({
 
     var updateValue = value => emit('update:modelValue', value);
 
-    var toggleAll = (options = {}) => {
+    var toggleAll = function (options) {
+      if (options === void 0) {
+        options = {};
+      }
+
       if (typeof options === 'boolean') {
         options = {
           checked: options

package/es/checkbox-group/index.d.ts

@@ -1,4 +1,3 @@
-import { CheckboxGroupProps } from './CheckboxGroup';
 export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
@@ -32,5 +31,5 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     modelValue: unknown[];
 }>>;
 export default CheckboxGroup;
-export type { CheckboxGroupProps };
-export type { CheckboxGroupInstance, CheckboxGroupToggleAllOptions, } from './types';
+export type { CheckboxGroupProps } from './CheckboxGroup';
+export type { CheckboxGroupInstance, CheckboxGroupDirection, CheckboxGroupToggleAllOptions, } from './types';

package/es/checkbox-group/types.d.ts

@@ -1,6 +1,7 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { CheckboxGroupProps } from './CheckboxGroup';
-import type { CheckerParent } from '../checkbox/Checker';
+import type { CheckerParent, CheckerDirection } from '../checkbox/Checker';
+export declare type CheckboxGroupDirection = CheckerDirection;
 export declare type CheckboxGroupToggleAllOptions = boolean | {
     checked?: boolean;
     skipDisabled?: boolean;

package/es/circle/Circle.d.ts

@@ -1,5 +1,41 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare type CircleStartPosition = 'top' | 'right' | 'bottom' | 'left';
+declare const circleProps: {
+    text: StringConstructor;
+    size: (NumberConstructor | StringConstructor)[];
+    fill: {
+        type: PropType<string>;
+        default: string;
+    };
+    rate: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    speed: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    color: PropType<string | Record<string, string>>;
+    clockwise: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    layerColor: StringConstructor;
+    currentRate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    strokeWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    strokeLinecap: PropType<CanvasLineCap>;
+    startPosition: {
+        type: PropType<CircleStartPosition>;
+        default: CircleStartPosition;
+    };
+};
+export declare type CircleProps = ExtractPropTypes<typeof circleProps>;
 declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];

package/es/circle/Circle.js

@@ -12,28 +12,30 @@ function getPath(clockwise, viewBoxSize) {
   return "M " + viewBoxSize / 2 + " " + viewBoxSize / 2 + " m 0, -500 a 500, 500 0 1, " + sweepFlag + " 0, 1000 a 500, 500 0 1, " + sweepFlag + " 0, -1000";
 }
 
+var circleProps = {
+  text: 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,
+  startPosition: makeStringProp('top')
+};
 export default defineComponent({
   name,
-  props: {
-    text: 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,
-    startPosition: makeStringProp('top')
-  },
+  props: circleProps,
   emits: ['update:currentRate'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var id = "van-circle-" + uid++;
     var viewBoxSize = computed(() => +props.strokeWidth + 1000);
     var path = computed(() => getPath(props.clockwise, viewBoxSize.value));

package/es/circle/index.d.ts

@@ -71,4 +71,4 @@ export declare const Circle: import("../utils").WithInstall<import("vue").Define
     startPosition: import("./Circle").CircleStartPosition;
 }>>;
 export default Circle;
-export type { CircleStartPosition } from './Circle';
+export type { CircleProps, CircleStartPosition } from './Circle';

package/es/col/Col.d.ts

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

package/es/col/Col.js

@@ -4,17 +4,19 @@ import { numericProp, createNamespace, makeNumericProp, makeStringProp } from '.
 import { useParent } from '@vant/use';
 import { ROW_KEY } from '../row/Row';
 var [name, bem] = createNamespace('col');
+var colProps = {
+  tag: makeStringProp('div'),
+  span: makeNumericProp(0),
+  offset: numericProp
+};
 export default defineComponent({
   name,
-  props: {
-    tag: makeStringProp('div'),
-    span: makeNumericProp(0),
-    offset: numericProp
-  },
+  props: colProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       parent,
       index

package/es/col/index.d.ts

@@ -22,3 +22,4 @@ export declare const Col: import("../utils").WithInstall<import("vue").DefineCom
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default Col;
+export type { ColProps } from './Col';

package/es/collapse/Collapse.d.ts

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

package/es/collapse/Collapse.js

@@ -4,6 +4,14 @@ import { truthProp, createNamespace, BORDER_TOP_BOTTOM } from '../utils';
 import { useChildren } from '@vant/use';
 var [name, bem] = createNamespace('collapse');
 export var COLLAPSE_KEY = Symbol(name);
+var collapseProps = {
+  border: truthProp,
+  accordion: Boolean,
+  modelValue: {
+    type: [String, Number, Array],
+    default: ''
+  }
+};
 
 function validateModelValue(modelValue, accordion) {
   if (accordion && Array.isArray(modelValue)) {
@@ -21,20 +29,14 @@ function validateModelValue(modelValue, accordion) {
 
 export default defineComponent({
   name,
-  props: {
-    border: truthProp,
-    accordion: Boolean,
-    modelValue: {
-      type: [String, Number, Array],
-      default: ''
-    }
-  },
+  props: collapseProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       linkChildren
     } = useChildren(COLLAPSE_KEY);

package/es/collapse/index.d.ts

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

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

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

package/es/collapse-item/CollapseItem.js

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

package/es/collapse-item/index.css

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

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

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

package/es/collapse-item/index.less

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

package/es/collapse-item/var.less

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

package/es/composables/use-id.d.ts

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

package/es/composables/use-id.js

@@ -0,0 +1,14 @@
+import { getCurrentInstance } from 'vue';
+var current = 0;
+export function useId() {
+  var vm = 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/es/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/es/composables/use-route.js

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