vant 3.2.4 → 3.2.8

package/lib/progress/index.less

@@ -3,6 +3,7 @@
 :root {
   --van-progress-height: @progress-height;
   --van-progress-color: @progress-color;
+  --van-progress-inactive-color: @progress-inactive-color;
   --van-progress-background-color: @progress-background-color;
   --van-progress-pivot-padding: @progress-pivot-padding;
   --van-progress-pivot-text-color: @progress-pivot-text-color;
@@ -27,6 +28,10 @@
     transform-origin: 0;
     transition: all var(--van-animation-duration-base)
       var(--van-animation-timing-function-enter);
+
+    &--inactive {
+      background: var(--van-progress-inactive-color);
+    }
   }
 
   &__pivot {
@@ -40,9 +45,13 @@
     line-height: var(--van-progress-pivot-line-height);
     text-align: center;
     word-break: keep-all;
-    background-color: var(--van-progress-pivot-background-color);
+    background: var(--van-progress-pivot-background-color);
     border-radius: 1em;
     transition: all var(--van-animation-duration-base)
       var(--van-animation-timing-function-enter);
+
+    &--inactive {
+      background: var(--van-progress-inactive-color);
+    }
   }
 }

package/lib/progress/var.less

@@ -2,6 +2,7 @@
 
 @progress-height: 4px;
 @progress-color: var(--van-primary-color);
+@progress-inactive-color: var(--van-gray-5);
 @progress-background-color: var(--van-gray-3);
 @progress-pivot-padding: 0 5px;
 @progress-pivot-text-color: var(--van-white);

package/lib/pull-refresh/PullRefresh.d.ts

@@ -1,14 +1,16 @@
-declare const _default: import("vue").DefineComponent<{
+import { ExtractPropTypes } from 'vue';
+declare const pullRefreshProps: {
     disabled: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    headHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     successText: StringConstructor;
     pullingText: StringConstructor;
     loosingText: StringConstructor;
     loadingText: StringConstructor;
     pullDistance: (NumberConstructor | StringConstructor)[];
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     successDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -17,27 +19,45 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+};
+export declare type PullRefreshProps = ExtractPropTypes<typeof pullRefreshProps>;
+declare const _default: import("vue").DefineComponent<{
+    disabled: BooleanConstructor;
+    modelValue: BooleanConstructor;
     headHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    successText: StringConstructor;
+    pullingText: StringConstructor;
+    loosingText: StringConstructor;
+    loadingText: StringConstructor;
+    pullDistance: (NumberConstructor | StringConstructor)[];
+    successDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animationDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     disabled?: unknown;
+    modelValue?: unknown;
+    headHeight?: unknown;
     successText?: unknown;
     pullingText?: unknown;
     loosingText?: unknown;
     loadingText?: unknown;
     pullDistance?: unknown;
-    modelValue?: unknown;
     successDuration?: unknown;
     animationDuration?: unknown;
-    headHeight?: unknown;
 } & {
     disabled: boolean;
     modelValue: boolean;
     animationDuration: string | number;
-    successDuration: string | number;
     headHeight: string | number;
+    successDuration: string | number;
 } & {
     loadingText?: string | undefined;
     successText?: string | undefined;
@@ -51,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: boolean;
     animationDuration: string | number;
-    successDuration: string | number;
     headHeight: string | number;
+    successDuration: string | number;
 }>;
 export default _default;

package/lib/pull-refresh/PullRefresh.js

@@ -19,39 +19,29 @@ var _loading = require("../loading");
 var [name, bem, t] = (0, _utils.createNamespace)('pull-refresh');
 var DEFAULT_HEAD_HEIGHT = 50;
 var TEXT_STATUS = ['pulling', 'loosing', 'success'];
+var pullRefreshProps = {
+  disabled: Boolean,
+  modelValue: Boolean,
+  headHeight: (0, _utils.makeNumericProp)(DEFAULT_HEAD_HEIGHT),
+  successText: String,
+  pullingText: String,
+  loosingText: String,
+  loadingText: String,
+  pullDistance: _utils.numericProp,
+  successDuration: (0, _utils.makeNumericProp)(500),
+  animationDuration: (0, _utils.makeNumericProp)(300)
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    disabled: Boolean,
-    successText: String,
-    pullingText: String,
-    loosingText: String,
-    loadingText: String,
-    pullDistance: [Number, String],
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    successDuration: {
-      type: [Number, String],
-      default: 500
-    },
-    animationDuration: {
-      type: [Number, String],
-      default: 300
-    },
-    headHeight: {
-      type: [Number, String],
-      default: DEFAULT_HEAD_HEIGHT
-    }
-  },
+  props: pullRefreshProps,
   emits: ['refresh', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var reachTop;
     var root = (0, _vue.ref)();
     var scrollParent = (0, _use.useScrollParent)(root);
@@ -137,7 +127,7 @@ var _default = (0, _vue.defineComponent)({
         nodes.push((0, _vue.createVNode)(_loading.Loading, {
           "class": bem('loading')
         }, {
-          default: () => [getStatusText()]
+          default: getStatusText
         }));
       }
 

package/lib/pull-refresh/index.css

@@ -1 +1 @@
-:root{--van-pull-refresh-head-height:50px;--van-pull-refresh-head-font-size:var(--van-font-size-md);--van-pull-refresh-head-text-color:var(--van-gray-6);--van-pull-refresh-loading-icon-size:16px}.van-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.van-pull-refresh__track{position:relative;height:100%;transition-property:transform}.van-pull-refresh__head{position:absolute;left:0;width:100%;height:var(--van-pull-refresh-head-height);overflow:hidden;color:var(--van-pull-refresh-head-text-color);font-size:var(--van-pull-refresh-head-font-size);line-height:var(--van-pull-refresh-head-height);text-align:center;transform:translateY(-100%)}.van-pull-refresh__loading .van-loading__spinner{width:var(--van-pull-refresh-loading-icon-size);height:var(--van-pull-refresh-loading-icon-size)}
+:root{--van-pull-refresh-head-height:50px;--van-pull-refresh-head-font-size:var(--van-font-size-md);--van-pull-refresh-head-text-color:var(--van-text-color-2);--van-pull-refresh-loading-icon-size:16px}.van-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.van-pull-refresh__track{position:relative;height:100%;transition-property:transform}.van-pull-refresh__head{position:absolute;left:0;width:100%;height:var(--van-pull-refresh-head-height);overflow:hidden;color:var(--van-pull-refresh-head-text-color);font-size:var(--van-pull-refresh-head-font-size);line-height:var(--van-pull-refresh-head-height);text-align:center;transform:translateY(-100%)}.van-pull-refresh__loading .van-loading__spinner{width:var(--van-pull-refresh-loading-icon-size);height:var(--van-pull-refresh-loading-icon-size)}

package/lib/pull-refresh/index.d.ts

@@ -1,14 +1,15 @@
 export declare const PullRefresh: import("../utils").WithInstall<import("vue").DefineComponent<{
     disabled: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    headHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     successText: StringConstructor;
     pullingText: StringConstructor;
     loosingText: StringConstructor;
     loadingText: StringConstructor;
     pullDistance: (NumberConstructor | StringConstructor)[];
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     successDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -17,27 +18,23 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    headHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     disabled?: unknown;
+    modelValue?: unknown;
+    headHeight?: unknown;
     successText?: unknown;
     pullingText?: unknown;
     loosingText?: unknown;
     loadingText?: unknown;
     pullDistance?: unknown;
-    modelValue?: unknown;
     successDuration?: unknown;
     animationDuration?: unknown;
-    headHeight?: unknown;
 } & {
     disabled: boolean;
     modelValue: boolean;
     animationDuration: string | number;
-    successDuration: string | number;
     headHeight: string | number;
+    successDuration: string | number;
 } & {
     loadingText?: string | undefined;
     successText?: string | undefined;
@@ -51,7 +48,8 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
     disabled: boolean;
     modelValue: boolean;
     animationDuration: string | number;
-    successDuration: string | number;
     headHeight: string | number;
+    successDuration: string | number;
 }>>;
 export default PullRefresh;
+export type { PullRefreshProps } from './PullRefresh';

package/lib/pull-refresh/var.less

@@ -2,5 +2,5 @@
 
 @pull-refresh-head-height: 50px;
 @pull-refresh-head-font-size: var(--van-font-size-md);
-@pull-refresh-head-text-color: var(--van-gray-6);
+@pull-refresh-head-text-color: var(--van-text-color-2);
 @pull-refresh-loading-icon-size: 16px;

package/lib/radio/Radio.d.ts

@@ -1,39 +1,44 @@
+import { ExtractPropTypes } from 'vue';
+import { checkerProps, CheckerShape, CheckerLabelPosition } from '../checkbox/Checker';
+export declare type RadioShape = CheckerShape;
+export declare type RadioLabelPosition = CheckerLabelPosition;
+export declare type RadioProps = ExtractPropTypes<typeof checkerProps>;
 declare const _default: import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("../checkbox/Checker").CheckerLabelPosition>;
+    labelPosition: import("vue").PropType<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;
+    shape: CheckerShape;
     labelDisabled: boolean;
 } & {
     name?: unknown;
     modelValue?: unknown;
     iconSize?: string | number | undefined;
     checkedColor?: string | undefined;
-    labelPosition?: import("../checkbox/Checker").CheckerLabelPosition | undefined;
+    labelPosition?: CheckerLabelPosition | undefined;
 }> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    shape: import("../checkbox/Checker").CheckerShape;
+    shape: CheckerShape;
     labelDisabled: boolean;
 }>;
 export default _default;

package/lib/radio/Radio.js

@@ -27,10 +27,11 @@ var _default = (0, _vue.defineComponent)({
   props: _Checker.checkerProps,
   emits: ['update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       parent
     } = (0, _use.useParent)(_RadioGroup.RADIO_KEY);

package/lib/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/lib/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/lib/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/lib/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/lib/radio-group/RadioGroup.js

@@ -10,9 +10,9 @@ var _utils = require("../utils");
 var _use = require("@vant/use");
 
 var [name, bem] = (0, _utils.createNamespace)('radio-group');
-var props = {
+var radioGroupProps = {
   disabled: Boolean,
-  iconSize: [Number, String],
+  iconSize: _utils.numericProp,
   direction: String,
   modelValue: _utils.unknownProp,
   checkedColor: String
@@ -22,13 +22,14 @@ exports.RADIO_KEY = RADIO_KEY;
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: radioGroupProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       linkChildren
     } = (0, _use.useChildren)(RADIO_KEY);

package/lib/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/lib/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/lib/rate/Rate.js

@@ -49,41 +49,32 @@ function getRateStatus(value, index, allowHalf, readonly) {
   };
 }
 
+var rateProps = {
+  size: _utils.numericProp,
+  icon: (0, _utils.makeStringProp)('star'),
+  color: String,
+  count: (0, _utils.makeNumericProp)(5),
+  gutter: _utils.numericProp,
+  readonly: Boolean,
+  disabled: Boolean,
+  voidIcon: (0, _utils.makeStringProp)('star-o'),
+  allowHalf: Boolean,
+  voidColor: String,
+  touchable: _utils.truthProp,
+  iconPrefix: String,
+  modelValue: (0, _utils.makeNumberProp)(0),
+  disabledColor: String
+};
+
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    size: [Number, String],
-    color: String,
-    gutter: [Number, String],
-    readonly: Boolean,
-    disabled: Boolean,
-    allowHalf: Boolean,
-    voidColor: String,
-    touchable: _utils.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 = (0, _useTouch.useTouch)();
     var [itemRefs, setItemRefs] = (0, _useRefs.useRefs)();
 
@@ -93,7 +84,7 @@ var _default = (0, _vue.defineComponent)({
     var ranges;
 
     var updateRanges = () => {
-      var rects = itemRefs.value.map(item => item.getBoundingClientRect());
+      var rects = itemRefs.value.map(_use.useRect);
       ranges = [];
       rects.forEach((rect, index) => {
         if (props.allowHalf) {