vant 3.2.3 → 3.2.7

package/lib/cell-group/index.less

@@ -12,7 +12,7 @@
 }
 
 .van-cell-group {
-  background-color: var(--van-cell-group-background-color);
+  background: var(--van-cell-group-background-color);
 
   &--inset {
     margin: var(--van-cell-group-inset-padding);

package/lib/cell-group/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
-@cell-group-background-color: var(--van-white);
-@cell-group-title-color: var(--van-gray-6);
+@cell-group-background-color: var(--van-background-color-light);
+@cell-group-title-color: var(--van-text-color-2);
 @cell-group-title-padding: var(--van-padding-md) var(--van-padding-md)
   var(--van-padding-xs);
 @cell-group-title-font-size: var(--van-font-size-md);

package/lib/checkbox/Checkbox.d.ts

@@ -1,35 +1,35 @@
 import { ExtractPropTypes } from 'vue';
-declare const props: {
+declare const checkboxProps: {
     name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: string;
-    };
 } & {
     bindGroup: {
         type: BooleanConstructor;
         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: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: string;
-    };
 } & {
     bindGroup: {
         type: BooleanConstructor;
@@ -37,13 +37,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => 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<{
     name?: unknown;
+    shape?: unknown;
     disabled?: unknown;
     iconSize?: unknown;
     modelValue?: unknown;
     checkedColor?: unknown;
     labelPosition?: unknown;
     labelDisabled?: unknown;
-    shape?: unknown;
     bindGroup?: unknown;
 } & {
     disabled: boolean;

package/lib/checkbox/Checkbox.js

@@ -23,19 +23,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('checkbox');
-var props = (0, _utils.extend)({}, _Checker.checkerProps, {
+var checkboxProps = (0, _utils.extend)({}, _Checker.checkerProps, {
   bindGroup: _utils.truthProp
 });
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: checkboxProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       parent
     } = (0, _use.useParent)(_CheckboxGroup.CHECKBOX_GROUP_KEY);
@@ -81,7 +82,11 @@ var _default = (0, _vue.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/lib/checkbox/Checker.d.ts

@@ -12,30 +12,34 @@ export declare type CheckerParent = {
 };
 export declare const checkerProps: {
     name: PropType<unknown>;
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: string;
-    };
 };
 declare const _default: import("vue").DefineComponent<{
     name: PropType<unknown>;
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: string;
-    };
 } & {
+    bem: {
+        type: FunctionConstructor;
+        required: true;
+    };
     role: StringConstructor;
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
@@ -43,24 +47,20 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    bem: {
-        type: FunctionConstructor;
-        required: true;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", 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;
+    bem?: unknown;
     role?: unknown;
     parent?: unknown;
     checked?: unknown;
     bindGroup?: unknown;
-    bem?: unknown;
 } & {
     bem: Function;
     checked: boolean;

package/lib/checkbox/Checker.js

@@ -11,36 +11,31 @@ var _icon = require("../icon");
 
 var checkerProps = {
   name: _utils.unknownProp,
+  shape: (0, _utils.makeStringProp)('round'),
   disabled: Boolean,
-  iconSize: [Number, String],
+  iconSize: _utils.numericProp,
   modelValue: _utils.unknownProp,
   checkedColor: String,
   labelPosition: String,
-  labelDisabled: Boolean,
-  shape: {
-    type: String,
-    default: 'round'
-  }
+  labelDisabled: Boolean
 };
 exports.checkerProps = checkerProps;
 
 var _default = (0, _vue.defineComponent)({
   props: (0, _utils.extend)({}, checkerProps, {
+    bem: (0, _utils.makeRequiredProp)(Function),
     role: String,
     parent: Object,
     checked: Boolean,
-    bindGroup: _utils.truthProp,
-    bem: {
-      type: Function,
-      required: true
-    }
+    bindGroup: _utils.truthProp
   }),
   emits: ['click', 'toggle'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var iconRef = (0, _vue.ref)();
 
     var getParentProp = name => {
@@ -67,7 +62,7 @@ var _default = (0, _vue.defineComponent)({
         target
       } = event;
       var icon = iconRef.value;
-      var iconClicked = icon === target || icon.contains(target);
+      var iconClicked = icon === target || (icon == null ? void 0 : icon.contains(target));
 
       if (!disabled.value && (iconClicked || !props.labelDisabled)) {
         emit('toggle');
@@ -112,14 +107,7 @@ var _default = (0, _vue.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 (0, _vue.createVNode)("div", {
         "role": props.role,
         "class": props.bem([{

package/lib/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/lib/checkbox/index.d.ts

@@ -1,15 +1,15 @@
 export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: string;
-    };
 } & {
     bindGroup: {
         type: BooleanConstructor;
@@ -17,13 +17,13 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     };
 }, () => 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<{
     name?: unknown;
+    shape?: unknown;
     disabled?: unknown;
     iconSize?: unknown;
     modelValue?: unknown;
     checkedColor?: unknown;
     labelPosition?: unknown;
     labelDisabled?: unknown;
-    shape?: unknown;
     bindGroup?: unknown;
 } & {
     disabled: boolean;
@@ -46,4 +46,5 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     bindGroup: boolean;
 }>>;
 export default Checkbox;
-export type { CheckboxInstance } from './types';
+export type { CheckboxProps } from './Checkbox';
+export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';

package/lib/checkbox/types.d.ts

@@ -1,5 +1,8 @@
 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;
     /**

package/lib/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/lib/checkbox-group/CheckboxGroup.d.ts

@@ -1,36 +1,36 @@
 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;
-    direction: PropType<CheckerDirection>;
     iconSize: (NumberConstructor | StringConstructor)[];
-    checkedColor: StringConstructor;
+    direction: PropType<CheckerDirection>;
     modelValue: {
         type: PropType<unknown[]>;
         default: () => never[];
     };
+    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)[];
     disabled: BooleanConstructor;
-    direction: PropType<CheckerDirection>;
     iconSize: (NumberConstructor | StringConstructor)[];
-    checkedColor: StringConstructor;
+    direction: PropType<CheckerDirection>;
     modelValue: {
         type: PropType<unknown[]>;
         default: () => never[];
     };
+    checkedColor: 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<{
     max?: unknown;
     disabled?: unknown;
-    direction?: unknown;
     iconSize?: unknown;
-    checkedColor?: unknown;
+    direction?: unknown;
     modelValue?: unknown;
+    checkedColor?: unknown;
 } & {
     disabled: boolean;
     modelValue: unknown[];

package/lib/checkbox-group/CheckboxGroup.js

@@ -14,29 +14,27 @@ var _useExpose = require("../composables/use-expose");
 // Utils
 // Composables
 var [name, bem] = (0, _utils.createNamespace)('checkbox-group');
-var props = {
-  max: [Number, String],
+var checkboxGroupProps = {
+  max: _utils.numericProp,
   disabled: Boolean,
+  iconSize: _utils.numericProp,
   direction: String,
-  iconSize: [Number, String],
-  checkedColor: String,
-  modelValue: {
-    type: Array,
-    default: () => []
-  }
+  modelValue: (0, _utils.makeArrayProp)(),
+  checkedColor: String
 };
 var CHECKBOX_GROUP_KEY = Symbol(name);
 exports.CHECKBOX_GROUP_KEY = CHECKBOX_GROUP_KEY;
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: checkboxGroupProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       children,
       linkChildren
@@ -44,7 +42,11 @@ var _default = (0, _vue.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/lib/checkbox-group/index.d.ts

@@ -1,20 +1,20 @@
 export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
-    direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
     iconSize: (NumberConstructor | StringConstructor)[];
-    checkedColor: StringConstructor;
+    direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
     modelValue: {
         type: import("vue").PropType<unknown[]>;
         default: () => never[];
     };
+    checkedColor: 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<{
     max?: unknown;
     disabled?: unknown;
-    direction?: unknown;
     iconSize?: unknown;
-    checkedColor?: unknown;
+    direction?: unknown;
     modelValue?: unknown;
+    checkedColor?: unknown;
 } & {
     disabled: boolean;
     modelValue: unknown[];
@@ -31,4 +31,5 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     modelValue: unknown[];
 }>>;
 export default CheckboxGroup;
-export type { CheckboxGroupInstance, CheckboxGroupToggleAllOptions, } from './types';
+export type { CheckboxGroupProps } from './CheckboxGroup';
+export type { CheckboxGroupInstance, CheckboxGroupDirection, CheckboxGroupToggleAllOptions, } from './types';

package/lib/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/lib/circle/Circle.d.ts

@@ -1,59 +1,95 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare type CircleStartPosition = 'top' | 'right' | 'bottom' | 'left';
-declare const _default: import("vue").DefineComponent<{
+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;
-    strokeLinecap: PropType<CanvasLineCap>;
     currentRate: {
         type: NumberConstructor;
         default: number;
     };
-    speed: {
+    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)[];
     fill: {
-        type: StringConstructor;
+        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: string;
+        default: CircleStartPosition;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:currentRate"[], "update:currentRate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     text?: unknown;
     size?: unknown;
+    fill?: unknown;
+    rate?: unknown;
+    speed?: unknown;
     color?: unknown;
     clockwise?: unknown;
     layerColor?: unknown;
-    strokeLinecap?: unknown;
     currentRate?: unknown;
-    speed?: unknown;
-    fill?: unknown;
-    rate?: unknown;
     strokeWidth?: unknown;
+    strokeLinecap?: unknown;
     startPosition?: unknown;
 } & {
     fill: string;
     strokeWidth: string | number;
+    rate: string | number;
+    speed: string | number;
     clockwise: boolean;
     currentRate: number;
-    speed: string | number;
-    rate: string | number;
     startPosition: CircleStartPosition;
 } & {
     text?: string | undefined;
@@ -66,10 +102,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     fill: string;
     strokeWidth: string | number;
+    rate: string | number;
+    speed: string | number;
     clockwise: boolean;
     currentRate: number;
-    speed: string | number;
-    rate: string | number;
     startPosition: CircleStartPosition;
 }>;
 export default _default;

package/lib/circle/Circle.js

@@ -12,55 +12,38 @@ var _utils = require("../utils");
 var [name, bem] = (0, _utils.createNamespace)('circle');
 var uid = 0;
 
-function format(rate) {
-  return Math.min(Math.max(+rate, 0), 100);
-}
+var format = rate => Math.min(Math.max(+rate, 0), 100);
 
 function getPath(clockwise, viewBoxSize) {
   var sweepFlag = clockwise ? 1 : 0;
   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: _utils.numericProp,
+  fill: (0, _utils.makeStringProp)('none'),
+  rate: (0, _utils.makeNumericProp)(100),
+  speed: (0, _utils.makeNumericProp)(0),
+  color: [String, Object],
+  clockwise: _utils.truthProp,
+  layerColor: String,
+  currentRate: (0, _utils.makeNumberProp)(0),
+  strokeWidth: (0, _utils.makeNumericProp)(40),
+  strokeLinecap: String,
+  startPosition: (0, _utils.makeStringProp)('top')
+};
+
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    text: String,
-    size: [Number, String],
-    color: [String, Object],
-    clockwise: _utils.truthProp,
-    layerColor: String,
-    strokeLinecap: String,
-    currentRate: {
-      type: Number,
-      default: 0
-    },
-    speed: {
-      type: [Number, String],
-      default: 0
-    },
-    fill: {
-      type: String,
-      default: 'none'
-    },
-    rate: {
-      type: [Number, String],
-      default: 100
-    },
-    strokeWidth: {
-      type: [Number, String],
-      default: 40
-    },
-    startPosition: {
-      type: String,
-      default: 'top'
-    }
-  },
+  props: circleProps,
   emits: ['update:currentRate'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var id = "van-circle-" + uid++;
     var viewBoxSize = (0, _vue.computed)(() => +props.strokeWidth + 1000);
     var path = (0, _vue.computed)(() => getPath(props.clockwise, viewBoxSize.value));