vant 3.2.3 → 3.2.7

package/es/radio/Radio.js

@@ -13,10 +13,11 @@ export default defineComponent({
   props: checkerProps,
   emits: ['update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       parent
     } = useParent(RADIO_KEY);

package/es/radio/index.css

@@ -1 +1 @@
-:root{--van-radio-size:20px;--van-radio-border-color:var(--van-gray-5);--van-radio-transition-duration:var(--van-animation-duration-fast);--van-radio-label-margin:var(--van-padding-xs);--van-radio-label-color:var(--van-text-color);--van-radio-checked-icon-color:var(--van-primary-color);--van-radio-disabled-icon-color:var(--van-gray-5);--van-radio-disabled-label-color:var(--van-gray-5);--van-radio-disabled-background-color:var(--van-border-color)}.van-radio{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:var(--van-padding-sm)}.van-radio__icon{flex:none;height:1em;font-size:var(--van-radio-size);line-height:1em;cursor:pointer}.van-radio__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-radio-border-color);transition-duration:var(--van-radio-transition-duration);transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-radio-checked-icon-color);border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:var(--van-radio-disabled-background-color);border-color:var(--van-radio-disabled-icon-color)}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:var(--van-radio-disabled-icon-color)}.van-radio__label{margin-left:var(--van-radio-label-margin);color:var(--van-radio-label-color);line-height:var(--van-radio-size)}.van-radio__label--left{margin:0 var(--van-radio-label-margin) 0 0}.van-radio__label--disabled{color:var(--van-radio-disabled-label-color)}
+:root{--van-radio-size:20px;--van-radio-border-color:var(--van-gray-5);--van-radio-transition-duration:var(--van-animation-duration-fast);--van-radio-label-margin:var(--van-padding-xs);--van-radio-label-color:var(--van-text-color);--van-radio-checked-icon-color:var(--van-primary-color);--van-radio-disabled-icon-color:var(--van-gray-5);--van-radio-disabled-label-color:var(--van-text-color-3);--van-radio-disabled-background-color:var(--van-border-color)}.van-radio{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:var(--van-padding-sm)}.van-radio__icon{flex:none;height:1em;font-size:var(--van-radio-size);line-height:1em;cursor:pointer}.van-radio__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-radio-border-color);transition-duration:var(--van-radio-transition-duration);transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-radio-checked-icon-color);border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:var(--van-radio-disabled-background-color);border-color:var(--van-radio-disabled-icon-color)}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:var(--van-radio-disabled-icon-color)}.van-radio__label{margin-left:var(--van-radio-label-margin);color:var(--van-radio-label-color);line-height:var(--van-radio-size)}.van-radio__label--left{margin:0 var(--van-radio-label-margin) 0 0}.van-radio__label--disabled{color:var(--van-radio-disabled-label-color)}

package/es/radio/index.d.ts

@@ -1,24 +1,24 @@
 export declare const Radio: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<import("../checkbox/Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     name?: unknown;
+    shape?: unknown;
     disabled?: unknown;
     iconSize?: unknown;
     modelValue?: unknown;
     checkedColor?: unknown;
     labelPosition?: unknown;
     labelDisabled?: unknown;
-    shape?: unknown;
 } & {
     disabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
@@ -37,3 +37,4 @@ export declare const Radio: import("../utils").WithInstall<import("vue").DefineC
     labelDisabled: boolean;
 }>>;
 export default Radio;
+export type { RadioProps, RadioShape, RadioLabelPosition } from './Radio';

package/es/radio/var.less

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

package/es/radio-group/RadioGroup.d.ts

@@ -1,14 +1,16 @@
 import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 import type { CheckerDirection } from '../checkbox/Checker';
-declare const props: {
+export declare type RadioGroupDirection = CheckerDirection;
+declare const radioGroupProps: {
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
     modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
 };
+export declare type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>;
 export declare type RadioGroupProvide = {
-    props: ExtractPropTypes<typeof props>;
+    props: RadioGroupProps;
     updateValue: (value: unknown) => void;
 };
 export declare const RADIO_KEY: InjectionKey<RadioGroupProvide>;

package/es/radio-group/RadioGroup.js

@@ -1,11 +1,11 @@
 import { createVNode as _createVNode } from "vue";
 import { watch, defineComponent } from 'vue';
-import { unknownProp, createNamespace } from '../utils';
+import { unknownProp, numericProp, createNamespace } from '../utils';
 import { useChildren, useCustomFieldValue } from '@vant/use';
 var [name, bem] = createNamespace('radio-group');
-var props = {
+var radioGroupProps = {
   disabled: Boolean,
-  iconSize: [Number, String],
+  iconSize: numericProp,
   direction: String,
   modelValue: unknownProp,
   checkedColor: String
@@ -13,13 +13,14 @@ var props = {
 export var RADIO_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: radioGroupProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       linkChildren
     } = useChildren(RADIO_KEY);

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

@@ -24,3 +24,4 @@ export declare const RadioGroup: import("../utils").WithInstall<import("vue").De
     disabled: boolean;
 }>>;
 export default RadioGroup;
+export type { RadioGroupProps, RadioGroupDirection } from './RadioGroup';

package/es/rate/Rate.d.ts

@@ -1,9 +1,22 @@
-declare const _default: import("vue").DefineComponent<{
+import { ExtractPropTypes } from 'vue';
+declare const rateProps: {
     size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     gutter: (NumberConstructor | StringConstructor)[];
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
+    voidIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     allowHalf: BooleanConstructor;
     voidColor: StringConstructor;
     touchable: {
@@ -11,47 +24,67 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     iconPrefix: StringConstructor;
-    disabledColor: StringConstructor;
     modelValue: {
         type: NumberConstructor;
         default: number;
     };
+    disabledColor: StringConstructor;
+};
+export declare type RateProps = ExtractPropTypes<typeof rateProps>;
+declare const _default: import("vue").DefineComponent<{
+    size: (NumberConstructor | StringConstructor)[];
     icon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
     voidIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
-    count: {
-        type: (NumberConstructor | StringConstructor)[];
+    allowHalf: BooleanConstructor;
+    voidColor: StringConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    modelValue: {
+        type: NumberConstructor;
         default: number;
     };
+    disabledColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     size?: unknown;
+    icon?: unknown;
     color?: unknown;
+    count?: unknown;
     gutter?: unknown;
     readonly?: unknown;
     disabled?: unknown;
+    voidIcon?: unknown;
     allowHalf?: unknown;
     voidColor?: unknown;
     touchable?: unknown;
     iconPrefix?: unknown;
-    disabledColor?: unknown;
     modelValue?: unknown;
-    icon?: unknown;
-    voidIcon?: unknown;
-    count?: unknown;
+    disabledColor?: unknown;
 } & {
     disabled: boolean;
     icon: string;
-    readonly: boolean;
     modelValue: number;
+    readonly: boolean;
     touchable: boolean;
     count: string | number;
-    allowHalf: boolean;
     voidIcon: string;
+    allowHalf: boolean;
 } & {
     color?: string | undefined;
     iconPrefix?: string | undefined;
@@ -65,11 +98,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     icon: string;
-    readonly: boolean;
     modelValue: number;
+    readonly: boolean;
     touchable: boolean;
     count: string | number;
-    allowHalf: boolean;
     voidIcon: string;
+    allowHalf: boolean;
 }>;
 export default _default;

package/es/rate/Rate.js

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue'; // Utils
 
-import { addUnit, truthProp, createNamespace, preventDefault } from '../utils'; // Composables
+import { addUnit, truthProp, numericProp, preventDefault, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from '../utils'; // Composables
 
-import { useCustomFieldValue } from '@vant/use';
+import { useRect, useCustomFieldValue } from '@vant/use';
 import { useRefs } from '../composables/use-refs';
 import { useTouch } from '../composables/use-touch'; // Components
 
@@ -39,41 +39,31 @@ function getRateStatus(value, index, allowHalf, readonly) {
   };
 }
 
+var rateProps = {
+  size: numericProp,
+  icon: makeStringProp('star'),
+  color: String,
+  count: makeNumericProp(5),
+  gutter: numericProp,
+  readonly: Boolean,
+  disabled: Boolean,
+  voidIcon: makeStringProp('star-o'),
+  allowHalf: Boolean,
+  voidColor: String,
+  touchable: truthProp,
+  iconPrefix: String,
+  modelValue: makeNumberProp(0),
+  disabledColor: String
+};
 export default defineComponent({
   name,
-  props: {
-    size: [Number, String],
-    color: String,
-    gutter: [Number, String],
-    readonly: Boolean,
-    disabled: Boolean,
-    allowHalf: Boolean,
-    voidColor: String,
-    touchable: truthProp,
-    iconPrefix: String,
-    disabledColor: String,
-    modelValue: {
-      type: Number,
-      default: 0
-    },
-    icon: {
-      type: String,
-      default: 'star'
-    },
-    voidIcon: {
-      type: String,
-      default: 'star-o'
-    },
-    count: {
-      type: [Number, String],
-      default: 5
-    }
-  },
+  props: rateProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var touch = useTouch();
     var [itemRefs, setItemRefs] = useRefs();
 
@@ -83,7 +73,7 @@ export default defineComponent({
     var ranges;
 
     var updateRanges = () => {
-      var rects = itemRefs.value.map(item => item.getBoundingClientRect());
+      var rects = itemRefs.value.map(useRect);
       ranges = [];
       rects.forEach((rect, index) => {
         if (props.allowHalf) {

package/es/rate/index.d.ts

@@ -1,9 +1,21 @@
 export declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     gutter: (NumberConstructor | StringConstructor)[];
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
+    voidIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     allowHalf: BooleanConstructor;
     voidColor: StringConstructor;
     touchable: {
@@ -11,47 +23,35 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
         default: true;
     };
     iconPrefix: StringConstructor;
-    disabledColor: StringConstructor;
     modelValue: {
         type: NumberConstructor;
         default: number;
     };
-    icon: {
-        type: StringConstructor;
-        default: string;
-    };
-    voidIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    count: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
+    disabledColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     size?: unknown;
+    icon?: unknown;
     color?: unknown;
+    count?: unknown;
     gutter?: unknown;
     readonly?: unknown;
     disabled?: unknown;
+    voidIcon?: unknown;
     allowHalf?: unknown;
     voidColor?: unknown;
     touchable?: unknown;
     iconPrefix?: unknown;
-    disabledColor?: unknown;
     modelValue?: unknown;
-    icon?: unknown;
-    voidIcon?: unknown;
-    count?: unknown;
+    disabledColor?: unknown;
 } & {
     disabled: boolean;
     icon: string;
-    readonly: boolean;
     modelValue: number;
+    readonly: boolean;
     touchable: boolean;
     count: string | number;
-    allowHalf: boolean;
     voidIcon: string;
+    allowHalf: boolean;
 } & {
     color?: string | undefined;
     iconPrefix?: string | undefined;
@@ -65,11 +65,12 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
 }, {
     disabled: boolean;
     icon: string;
-    readonly: boolean;
     modelValue: number;
+    readonly: boolean;
     touchable: boolean;
     count: string | number;
-    allowHalf: boolean;
     voidIcon: string;
+    allowHalf: boolean;
 }>>;
 export default Rate;
+export type { RateProps } from './Rate';

package/es/row/Row.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ComputedRef, InjectionKey } from 'vue';
+import { PropType, ComputedRef, InjectionKey, ExtractPropTypes } from 'vue';
 export declare type RowSpaces = {
     left?: number;
     right: number;
@@ -9,27 +9,44 @@ export declare type RowProvide = {
 export declare const ROW_KEY: InjectionKey<RowProvide>;
 export declare type RowAlign = 'top' | 'center' | 'bottom';
 export declare type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
-declare const _default: import("vue").DefineComponent<{
+declare const rowProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     wrap: {
         type: BooleanConstructor;
         default: true;
     };
     align: PropType<RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     justify: PropType<RowJustify>;
+};
+export declare type RowProps = ExtractPropTypes<typeof rowProps>;
+declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
-        default: string;
+        default: keyof HTMLElementTagNameMap;
     };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: PropType<RowAlign>;
     gutter: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    justify: PropType<RowJustify>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    tag?: unknown;
     wrap?: unknown;
     align?: unknown;
-    justify?: unknown;
-    tag?: unknown;
     gutter?: unknown;
+    justify?: unknown;
 } & {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;

package/es/row/Row.js

@@ -1,28 +1,24 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue';
-import { truthProp, createNamespace } from '../utils';
+import { truthProp, makeStringProp, makeNumericProp, createNamespace } from '../utils';
 import { useChildren } from '@vant/use';
 var [name, bem] = createNamespace('row');
 export var ROW_KEY = Symbol(name);
+var rowProps = {
+  tag: makeStringProp('div'),
+  wrap: truthProp,
+  align: String,
+  gutter: makeNumericProp(0),
+  justify: String
+};
 export default defineComponent({
   name,
-  props: {
-    wrap: truthProp,
-    align: String,
-    justify: String,
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    gutter: {
-      type: [Number, String],
-      default: 0
-    }
-  },
+  props: rowProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       children,
       linkChildren

package/es/row/index.d.ts

@@ -1,24 +1,24 @@
 export declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     wrap: {
         type: BooleanConstructor;
         default: true;
     };
     align: import("vue").PropType<import("./Row").RowAlign>;
-    justify: import("vue").PropType<import("./Row").RowJustify>;
-    tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
-        default: string;
-    };
     gutter: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    justify: import("vue").PropType<import("./Row").RowJustify>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    tag?: unknown;
     wrap?: unknown;
     align?: unknown;
-    justify?: unknown;
-    tag?: unknown;
     gutter?: unknown;
+    justify?: unknown;
 } & {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
@@ -32,4 +32,4 @@ export declare const Row: import("../utils").WithInstall<import("vue").DefineCom
     gutter: string | number;
 }>>;
 export default Row;
-export type { RowAlign, RowJustify } from './Row';
+export type { RowProps, RowAlign, RowJustify } from './Row';