vant 3.2.2 → 3.2.6

package/lib/popup/Popup.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties } from 'vue';
+import { CSSProperties } from 'vue';
 export declare type PopupPosition = 'top' | 'left' | 'bottom' | 'right' | 'center' | '';
 export declare type PopupCloseIconPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 declare const _default: import("vue").DefineComponent<{
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     duration: (NumberConstructor | StringConstructor)[];
-    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lockScroll: {
         type: BooleanConstructor;
         default: true;
@@ -18,9 +18,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    beforeClose: PropType<import("../utils").Interceptor>;
-    overlayStyle: PropType<CSSProperties>;
-    overlayClass: PropType<unknown>;
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
     closeOnClickOverlay: {
         type: BooleanConstructor;
@@ -28,23 +28,23 @@ declare const _default: import("vue").DefineComponent<{
     };
 } & {
     round: BooleanConstructor;
-    closeable: BooleanConstructor;
-    transition: StringConstructor;
-    iconPrefix: StringConstructor;
-    closeOnPopstate: BooleanConstructor;
-    safeAreaInsetBottom: BooleanConstructor;
     position: {
-        type: PropType<PopupPosition>;
-        default: string;
+        type: import("vue").PropType<PopupPosition>;
+        default: PopupPosition;
     };
     closeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    closeable: BooleanConstructor;
+    transition: StringConstructor;
+    iconPrefix: StringConstructor;
+    closeOnPopstate: BooleanConstructor;
     closeIconPosition: {
-        type: PropType<PopupCloseIconPosition>;
-        default: string;
+        type: import("vue").PropType<PopupCloseIconPosition>;
+        default: PopupCloseIconPosition;
     };
+    safeAreaInsetBottom: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "click" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
@@ -59,14 +59,14 @@ declare const _default: import("vue").DefineComponent<{
     transitionAppear?: unknown;
     closeOnClickOverlay?: unknown;
     round?: unknown;
+    position?: unknown;
+    closeIcon?: unknown;
     closeable?: unknown;
     transition?: unknown;
     iconPrefix?: unknown;
     closeOnPopstate?: unknown;
-    safeAreaInsetBottom?: unknown;
-    position?: unknown;
-    closeIcon?: unknown;
     closeIconPosition?: unknown;
+    safeAreaInsetBottom?: unknown;
 } & {
     round: boolean;
     safeAreaInsetBottom: boolean;
@@ -76,10 +76,10 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    closeable: boolean;
-    closeOnPopstate: boolean;
     position: PopupPosition;
     closeIcon: string;
+    closeable: boolean;
+    closeOnPopstate: boolean;
     closeIconPosition: PopupCloseIconPosition;
 } & {
     iconPrefix?: string | undefined;
@@ -108,10 +108,10 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    closeable: boolean;
-    closeOnPopstate: boolean;
     position: PopupPosition;
     closeIcon: string;
+    closeable: boolean;
+    closeOnPopstate: boolean;
     closeIconPosition: PopupCloseIconPosition;
 }>;
 export default _default;

package/lib/popup/Popup.js

@@ -34,23 +34,14 @@ var _default = (0, _vue.defineComponent)({
   inheritAttrs: false,
   props: (0, _utils.extend)({}, _shared.popupSharedProps, {
     round: Boolean,
+    position: (0, _utils.makeStringProp)('center'),
+    closeIcon: (0, _utils.makeStringProp)('cross'),
     closeable: Boolean,
     transition: String,
     iconPrefix: String,
     closeOnPopstate: Boolean,
-    safeAreaInsetBottom: Boolean,
-    position: {
-      type: String,
-      default: 'center'
-    },
-    closeIcon: {
-      type: String,
-      default: 'cross'
-    },
-    closeIconPosition: {
-      type: String,
-      default: 'top-right'
-    }
+    closeIconPosition: (0, _utils.makeStringProp)('top-right'),
+    safeAreaInsetBottom: Boolean
   }),
   emits: ['open', 'close', 'click', 'opened', 'closed', 'update:show', 'click-overlay', 'click-close-icon'],
 
@@ -91,9 +82,7 @@ var _default = (0, _vue.defineComponent)({
 
     var close = () => {
       if (opened) {
-        (0, _utils.callInterceptor)({
-          interceptor: props.beforeClose,
-
+        (0, _utils.callInterceptor)(props.beforeClose, {
           done() {
             opened = false;
             emit('close');
@@ -183,7 +172,7 @@ var _default = (0, _vue.defineComponent)({
         "onAfterEnter": onOpened,
         "onAfterLeave": onClosed
       }, {
-        default: () => [renderPopup()]
+        default: renderPopup
       });
     };
 

package/lib/popup/index.css

@@ -1 +1 @@
-:root{--van-popup-background-color:var(--van-white);--van-popup-transition:transform var(--van-animation-duration-base);--van-popup-round-border-radius:16px;--van-popup-close-icon-size:22px;--van-popup-close-icon-color:var(--van-gray-5);--van-popup-close-icon-active-color:var(--van-gray-6);--van-popup-close-icon-margin:16px;--van-popup-close-icon-z-index:1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--van-popup-background-color);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-border-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius)}.van-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0}.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active{transition-timing-function:var(--van-animation-timing-function-enter)}.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size);cursor:pointer}.van-popup__close-icon:active{color:var(--van-popup-close-icon-active-color)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}
+:root{--van-popup-background-color:var(--van-white);--van-popup-transition:transform var(--van-animation-duration-base);--van-popup-round-border-radius:16px;--van-popup-close-icon-size:22px;--van-popup-close-icon-color:var(--van-gray-5);--van-popup-close-icon-active-color:var(--van-gray-6);--van-popup-close-icon-margin:16px;--van-popup-close-icon-z-index:1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--van-popup-background-color);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-border-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius)}.van-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0}.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active{transition-timing-function:var(--van-animation-timing-function-enter)}.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size);cursor:pointer}.van-popup__close-icon:active{color:var(--van-popup-close-icon-active-color)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}

package/lib/popup/index.d.ts

@@ -25,23 +25,23 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     };
 } & {
     round: BooleanConstructor;
-    closeable: BooleanConstructor;
-    transition: StringConstructor;
-    iconPrefix: StringConstructor;
-    closeOnPopstate: BooleanConstructor;
-    safeAreaInsetBottom: BooleanConstructor;
     position: {
         type: import("vue").PropType<import("./Popup").PopupPosition>;
-        default: string;
+        default: import("./Popup").PopupPosition;
     };
     closeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    closeable: BooleanConstructor;
+    transition: StringConstructor;
+    iconPrefix: StringConstructor;
+    closeOnPopstate: BooleanConstructor;
     closeIconPosition: {
         type: import("vue").PropType<import("./Popup").PopupCloseIconPosition>;
-        default: string;
+        default: import("./Popup").PopupCloseIconPosition;
     };
+    safeAreaInsetBottom: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "click" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
@@ -56,14 +56,14 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     transitionAppear?: unknown;
     closeOnClickOverlay?: unknown;
     round?: unknown;
+    position?: unknown;
+    closeIcon?: unknown;
     closeable?: unknown;
     transition?: unknown;
     iconPrefix?: unknown;
     closeOnPopstate?: unknown;
-    safeAreaInsetBottom?: unknown;
-    position?: unknown;
-    closeIcon?: unknown;
     closeIconPosition?: unknown;
+    safeAreaInsetBottom?: unknown;
 } & {
     round: boolean;
     safeAreaInsetBottom: boolean;
@@ -73,10 +73,10 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    closeable: boolean;
-    closeOnPopstate: boolean;
     position: import("./Popup").PopupPosition;
     closeIcon: string;
+    closeable: boolean;
+    closeOnPopstate: boolean;
     closeIconPosition: import("./Popup").PopupCloseIconPosition;
 } & {
     iconPrefix?: string | undefined;
@@ -105,10 +105,10 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    closeable: boolean;
-    closeOnPopstate: boolean;
     position: import("./Popup").PopupPosition;
     closeIcon: string;
+    closeable: boolean;
+    closeOnPopstate: boolean;
     closeIconPosition: import("./Popup").PopupCloseIconPosition;
 }>>;
 export default Popup;

package/lib/popup/index.less

@@ -20,7 +20,7 @@
     position: fixed;
     max-height: 100%;
     overflow-y: auto;
-    background-color: var(--van-popup-background-color);
+    background: var(--van-popup-background-color);
     transition: var(--van-popup-transition);
     -webkit-overflow-scrolling: touch;
 

package/lib/popup/shared.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.popupSharedPropKeys = exports.popupSharedProps = void 0;
+exports.popupSharedProps = exports.popupSharedPropKeys = void 0;
 
 var _utils = require("../utils");
 
@@ -9,11 +9,11 @@ var popupSharedProps = {
   // whether to show popup
   show: Boolean,
   // z-index
-  zIndex: [Number, String],
+  zIndex: _utils.numericProp,
   // whether to show overlay
   overlay: _utils.truthProp,
   // transition duration
-  duration: [Number, String],
+  duration: _utils.numericProp,
   // teleport
   teleport: [String, Object],
   // prevent body scroll

package/lib/progress/Progress.d.ts

@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
     pivotText?: string | undefined;
     pivotColor?: string | undefined;
     trackColor?: string | undefined;
-}> & {}, {
+}>, {
     inactive: boolean;
     showPivot: boolean;
     percentage: string | number;

package/lib/progress/Progress.js

@@ -16,9 +16,9 @@ var props = {
   showPivot: _utils.truthProp,
   pivotColor: String,
   trackColor: String,
-  strokeWidth: [Number, String],
+  strokeWidth: _utils.numericProp,
   percentage: {
-    type: [Number, String],
+    type: _utils.numericProp,
     default: 0,
     validator: value => value >= 0 && value <= 100
   }
@@ -29,7 +29,7 @@ var _default = (0, _vue.defineComponent)({
   props,
 
   setup(props) {
-    var background = (0, _vue.computed)(() => props.inactive ? '#cacaca' : props.color);
+    var background = (0, _vue.computed)(() => props.inactive ? undefined : props.color);
 
     var renderPivot = () => {
       var {
@@ -49,7 +49,9 @@ var _default = (0, _vue.defineComponent)({
         };
         return (0, _vue.createVNode)("span", {
           "style": style,
-          "class": bem('pivot')
+          "class": bem('pivot', {
+            inactive: props.inactive
+          })
         }, [text]);
       }
     };
@@ -72,7 +74,9 @@ var _default = (0, _vue.defineComponent)({
         "class": bem(),
         "style": rootStyle
       }, [(0, _vue.createVNode)("span", {
-        "class": bem('portion'),
+        "class": bem('portion', {
+          inactive: props.inactive
+        }),
         "style": portionStyle
       }, null), renderPivot()]);
     };

package/lib/progress/index.css

@@ -1 +1 @@
-:root{--van-progress-height:4px;--van-progress-color:var(--van-primary-color);--van-progress-background-color:var(--van-gray-3);--van-progress-pivot-padding:0 5px;--van-progress-pivot-text-color:var(--van-white);--van-progress-pivot-font-size:var(--van-font-size-xs);--van-progress-pivot-line-height:1.6;--van-progress-pivot-background-color:var(--van-primary-color)}.van-progress{position:relative;height:var(--van-progress-height);background:var(--van-progress-background-color);border-radius:var(--van-progress-height)}.van-progress__portion{position:absolute;left:0;width:100%;height:100%;background:var(--van-progress-color);border-radius:inherit;transform-origin:0;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:var(--van-progress-pivot-padding);color:var(--van-progress-pivot-text-color);font-size:var(--van-progress-pivot-font-size);line-height:var(--van-progress-pivot-line-height);text-align:center;word-break:keep-all;background-color:var(--van-progress-pivot-background-color);border-radius:1em;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}
+:root{--van-progress-height:4px;--van-progress-color:var(--van-primary-color);--van-progress-inactive-color:var(--van-gray-5);--van-progress-background-color:var(--van-gray-3);--van-progress-pivot-padding:0 5px;--van-progress-pivot-text-color:var(--van-white);--van-progress-pivot-font-size:var(--van-font-size-xs);--van-progress-pivot-line-height:1.6;--van-progress-pivot-background-color:var(--van-primary-color)}.van-progress{position:relative;height:var(--van-progress-height);background:var(--van-progress-background-color);border-radius:var(--van-progress-height)}.van-progress__portion{position:absolute;left:0;width:100%;height:100%;background:var(--van-progress-color);border-radius:inherit;transform-origin:0;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__portion--inactive{background:var(--van-progress-inactive-color)}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:var(--van-progress-pivot-padding);color:var(--van-progress-pivot-text-color);font-size:var(--van-progress-pivot-font-size);line-height:var(--van-progress-pivot-line-height);text-align:center;word-break:keep-all;background:var(--van-progress-pivot-background-color);border-radius:1em;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__pivot--inactive{background:var(--van-progress-inactive-color)}

package/lib/progress/index.d.ts

@@ -1,3 +1,4 @@
+import { ProgressProps } from './Progress';
 export declare const Progress: import("../utils").WithInstall<import("vue").DefineComponent<{
     color: StringConstructor;
     inactive: BooleanConstructor;
@@ -36,10 +37,11 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
     pivotText?: string | undefined;
     pivotColor?: string | undefined;
     trackColor?: string | undefined;
-}> & {}, {
+}>, {
     inactive: boolean;
     showPivot: boolean;
     percentage: string | number;
 }>>;
 export default Progress;
+export type { ProgressProps };
 export type { ProgressInstance } from './types';

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,15 @@
 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)[];
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     successDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -17,27 +18,23 @@ declare const _default: import("vue").DefineComponent<{
         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,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

@@ -24,27 +24,15 @@ var _default = (0, _vue.defineComponent)({
   name,
   props: {
     disabled: Boolean,
+    modelValue: Boolean,
+    headHeight: (0, _utils.makeNumericProp)(DEFAULT_HEAD_HEIGHT),
     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
-    }
+    pullDistance: _utils.numericProp,
+    successDuration: (0, _utils.makeNumericProp)(500),
+    animationDuration: (0, _utils.makeNumericProp)(300)
   },
   emits: ['refresh', 'update:modelValue'],
 
@@ -137,7 +125,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.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,7 @@ 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;

package/lib/radio/Radio.d.ts

@@ -1,39 +1,42 @@
+import { CheckerShape, CheckerLabelPosition } from '../checkbox/Checker';
+export declare type RadioShape = CheckerShape;
+export declare type RadioLabelPosition = CheckerLabelPosition;
 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: CheckerShape;
     labelDisabled: boolean;
-    shape: import("../checkbox/Checker").CheckerShape;
 } & {
     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: CheckerShape;
     labelDisabled: boolean;
-    shape: import("../checkbox/Checker").CheckerShape;
 }>;
 export default _default;

package/lib/radio/index.d.ts

@@ -1,28 +1,29 @@
+import { RadioShape, RadioLabelPosition } from './Radio';
 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;
-    labelDisabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
+    labelDisabled: boolean;
 } & {
     name?: unknown;
     modelValue?: unknown;
@@ -33,7 +34,8 @@ export declare const Radio: import("../utils").WithInstall<import("vue").DefineC
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
+    labelDisabled: boolean;
 }>>;
 export default Radio;
+export type { RadioShape, RadioLabelPosition };

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

@@ -1,5 +1,6 @@
 import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 import type { CheckerDirection } from '../checkbox/Checker';
+export declare type RadioGroupDirection = CheckerDirection;
 declare const props: {
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];