vant 3.2.5 → 3.3.0

package/es/popover/index.less

@@ -214,7 +214,7 @@
     color: var(--van-popover-light-text-color);
 
     .van-popover__content {
-      background-color: var(--van-popover-light-background-color);
+      background: var(--van-popover-light-background-color);
       box-shadow: 0 2px 12px rgba(50, 50, 51, 0.12);
     }
 
@@ -242,7 +242,7 @@
     color: var(--van-popover-dark-text-color);
 
     .van-popover__content {
-      background-color: var(--van-popover-dark-background-color);
+      background: var(--van-popover-dark-background-color);
     }
 
     .van-popover__arrow {

package/es/popover/types.d.ts

@@ -0,0 +1,11 @@
+export declare type PopoverTheme = 'light' | 'dark';
+export declare type PopoverTrigger = 'manual' | 'click';
+export declare type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+export declare type PopoverAction = {
+    text: string;
+    icon?: string;
+    color?: string;
+    disabled?: boolean;
+    className?: string;
+    [key: PropertyKey]: any;
+};

package/es/popover/types.js

@@ -0,0 +1 @@
+export {};

package/es/popover/var.less

@@ -8,8 +8,8 @@
 @popover-action-line-height: var(--van-line-height-md);
 @popover-action-icon-size: 20px;
 @popover-light-text-color: var(--van-text-color);
-@popover-light-background-color: var(--van-white);
-@popover-light-action-disabled-text-color: var(--van-gray-5);
+@popover-light-background-color: var(--van-background-color-light);
+@popover-light-action-disabled-text-color: var(--van-text-color-3);
 @popover-dark-text-color: var(--van-white);
 @popover-dark-background-color: #4a4a4a;
-@popover-dark-action-disabled-text-color: var(--van-gray-6);
+@popover-dark-action-disabled-text-color: var(--van-text-color-2);

package/es/popup/Popup.d.ts

@@ -1,6 +1,52 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, ExtractPropTypes } 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 popupProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    round: BooleanConstructor;
+    position: {
+        type: import("vue").PropType<PopupPosition>;
+        default: PopupPosition;
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: BooleanConstructor;
+    transition: StringConstructor;
+    iconPrefix: StringConstructor;
+    closeOnPopstate: BooleanConstructor;
+    closeIconPosition: {
+        type: import("vue").PropType<PopupCloseIconPosition>;
+        default: PopupCloseIconPosition;
+    };
+    safeAreaInsetBottom: BooleanConstructor;
+};
+export declare type PopupProps = ExtractPropTypes<typeof popupProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -45,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "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;
     overlay?: unknown;
@@ -91,7 +137,6 @@ declare const _default: import("vue").DefineComponent<{
     overlayClass?: unknown;
     transition?: string | undefined;
 }> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;

package/es/popup/Popup.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, withDirectives as _withDirectives, mergeProps as
 import { ref, watch, provide, Teleport, computed, onMounted, Transition, onActivated, onDeactivated, defineComponent } from 'vue'; // Utils
 
 import { popupSharedProps } from './shared';
-import { isDef, extend, makeStringProp, callInterceptor, createNamespace } from '../utils'; // Composables
+import { isDef, extend, makeStringProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
 
 import { useEventListener } from '@vant/use';
 import { useExpose } from '../composables/use-expose';
@@ -12,29 +12,31 @@ import { POPUP_TOGGLE_KEY } from '../composables/on-popup-reopen'; // Components
 
 import { Icon } from '../icon';
 import { Overlay } from '../overlay';
+var popupProps = extend({}, popupSharedProps, {
+  round: Boolean,
+  position: makeStringProp('center'),
+  closeIcon: makeStringProp('cross'),
+  closeable: Boolean,
+  transition: String,
+  iconPrefix: String,
+  closeOnPopstate: Boolean,
+  closeIconPosition: makeStringProp('top-right'),
+  safeAreaInsetBottom: Boolean
+});
 var [name, bem] = createNamespace('popup');
 var globalZIndex = 2000;
 export default defineComponent({
   name,
   inheritAttrs: false,
-  props: extend({}, popupSharedProps, {
-    round: Boolean,
-    position: makeStringProp('center'),
-    closeIcon: makeStringProp('cross'),
-    closeable: Boolean,
-    transition: String,
-    iconPrefix: String,
-    closeOnPopstate: Boolean,
-    closeIconPosition: makeStringProp('top-right'),
-    safeAreaInsetBottom: Boolean
-  }),
-  emits: ['open', 'close', 'click', 'opened', 'closed', 'update:show', 'click-overlay', 'click-close-icon'],
-
-  setup(props, {
-    emit,
-    attrs,
-    slots
-  }) {
+  props: popupProps,
+  emits: ['open', 'close', 'opened', 'closed', 'update:show', 'click-overlay', 'click-close-icon'],
+
+  setup(props, _ref) {
+    var {
+      emit,
+      attrs,
+      slots
+    } = _ref;
     var opened;
     var shouldReopen;
     var zIndex = ref();
@@ -67,9 +69,7 @@ export default defineComponent({
 
     var close = () => {
       if (opened) {
-        callInterceptor({
-          interceptor: props.beforeClose,
-
+        callInterceptor(props.beforeClose, {
           done() {
             opened = false;
             emit('close');
@@ -114,15 +114,13 @@ export default defineComponent({
           "role": "button",
           "tabindex": 0,
           "name": props.closeIcon,
-          "class": bem('close-icon', props.closeIconPosition),
+          "class": [bem('close-icon', props.closeIconPosition), HAPTICS_FEEDBACK],
           "classPrefix": props.iconPrefix,
           "onClick": onClickCloseIcon
         }, null);
       }
     };
 
-    var onClick = event => emit('click', event);
-
     var onOpened = () => emit('opened');
 
     var onClosed = () => emit('closed');
@@ -141,8 +139,7 @@ export default defineComponent({
           [position]: position
         }), {
           'van-safe-area-bottom': safeAreaInsetBottom
-        }],
-        "onClick": onClick
+        }]
       }, attrs), [slots.default == null ? void 0 : slots.default(), renderCloseIcon()]), [[_vShow, props.show]]);
     });
 
@@ -159,7 +156,7 @@ export default defineComponent({
         "onAfterEnter": onOpened,
         "onAfterLeave": onClosed
       }, {
-        default: () => [renderPopup()]
+        default: renderPopup
       });
     };
 

package/es/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-background-color-light);--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-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--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/es/popup/index.d.ts

@@ -42,7 +42,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "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;
     overlay?: unknown;
@@ -88,7 +88,6 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     overlayClass?: unknown;
     transition?: string | undefined;
 }> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
@@ -112,4 +111,4 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     closeIconPosition: import("./Popup").PopupCloseIconPosition;
 }>>;
 export default Popup;
-export type { PopupPosition, PopupCloseIconPosition } from './Popup';
+export type { PopupProps, PopupPosition, PopupCloseIconPosition, } from './Popup';

package/es/popup/index.less

@@ -6,7 +6,6 @@
   --van-popup-round-border-radius: @popup-round-border-radius;
   --van-popup-close-icon-size: @popup-close-icon-size;
   --van-popup-close-icon-color: @popup-close-icon-color;
-  --van-popup-close-icon-active-color: @popup-close-icon-active-color;
   --van-popup-close-icon-margin: @popup-close-icon-margin;
   --van-popup-close-icon-z-index: @popup-close-icon-z-index;
 }
@@ -20,7 +19,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;
 
@@ -119,10 +118,6 @@
       font-size: var(--van-popup-close-icon-size);
       cursor: pointer;
 
-      &:active {
-        color: var(--van-popup-close-icon-active-color);
-      }
-
       &--top-left {
         top: var(--van-popup-close-icon-margin);
         left: var(--van-popup-close-icon-margin);

package/es/popup/var.less

@@ -1,10 +1,9 @@
 @import '../style/var.less';
 
-@popup-background-color: var(--van-white);
+@popup-background-color: var(--van-background-color-light);
 @popup-transition: transform var(--van-animation-duration-base);
 @popup-round-border-radius: 16px;
 @popup-close-icon-size: 22px;
 @popup-close-icon-color: var(--van-gray-5);
-@popup-close-icon-active-color: var(--van-gray-6);
 @popup-close-icon-margin: 16px;
 @popup-close-icon-z-index: 1;

package/es/progress/Progress.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from 'vue';
-declare const props: {
+declare const progressProps: {
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
@@ -17,7 +17,7 @@ declare const props: {
         validator: (value: number | string) => boolean;
     };
 };
-export declare type ProgressProps = ExtractPropTypes<typeof props>;
+export declare type ProgressProps = ExtractPropTypes<typeof progressProps>;
 declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     inactive: BooleanConstructor;

package/es/progress/Progress.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue';
 import { addUnit, truthProp, numericProp, createNamespace } from '../utils';
 var [name, bem] = createNamespace('progress');
-var props = {
+var progressProps = {
   color: String,
   inactive: Boolean,
   pivotText: String,
@@ -19,10 +19,10 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: progressProps,
 
   setup(props) {
-    var background = computed(() => props.inactive ? '#cacaca' : props.color);
+    var background = computed(() => props.inactive ? undefined : props.color);
 
     var renderPivot = () => {
       var {
@@ -42,7 +42,9 @@ export default defineComponent({
         };
         return _createVNode("span", {
           "style": style,
-          "class": bem('pivot')
+          "class": bem('pivot', {
+            inactive: props.inactive
+          })
         }, [text]);
       }
     };
@@ -58,14 +60,16 @@ export default defineComponent({
         height: addUnit(strokeWidth)
       };
       var portionStyle = {
-        background: background.value,
-        transform: "scaleX(" + +percentage / 100 + ")"
+        width: percentage + "%",
+        background: background.value
       };
       return _createVNode("div", {
         "class": bem(),
         "style": rootStyle
       }, [_createVNode("span", {
-        "class": bem('portion'),
+        "class": bem('portion', {
+          inactive: props.inactive
+        }),
         "style": portionStyle
       }, null), renderPivot()]);
     };

package/es/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/es/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/es/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/es/pull-refresh/PullRefresh.d.ts

@@ -1,3 +1,26 @@
+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)[];
+    successDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animationDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export declare type PullRefreshProps = ExtractPropTypes<typeof pullRefreshProps>;
 declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;

package/es/pull-refresh/PullRefresh.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { ref, watch, reactive, nextTick, defineComponent } from 'vue'; // Utils
 
 import { numericProp, getScrollTop, preventDefault, createNamespace, makeNumericProp } from '../utils'; // Composables
@@ -10,26 +10,28 @@ import { Loading } from '../loading';
 var [name, bem, t] = createNamespace('pull-refresh');
 var DEFAULT_HEAD_HEIGHT = 50;
 var TEXT_STATUS = ['pulling', 'loosing', 'success'];
+var pullRefreshProps = {
+  disabled: Boolean,
+  modelValue: Boolean,
+  headHeight: makeNumericProp(DEFAULT_HEAD_HEIGHT),
+  successText: String,
+  pullingText: String,
+  loosingText: String,
+  loadingText: String,
+  pullDistance: numericProp,
+  successDuration: makeNumericProp(500),
+  animationDuration: makeNumericProp(300)
+};
 export default defineComponent({
   name,
-  props: {
-    disabled: Boolean,
-    modelValue: Boolean,
-    headHeight: makeNumericProp(DEFAULT_HEAD_HEIGHT),
-    successText: String,
-    pullingText: String,
-    loosingText: String,
-    loadingText: String,
-    pullDistance: numericProp,
-    successDuration: makeNumericProp(500),
-    animationDuration: makeNumericProp(300)
-  },
+  props: pullRefreshProps,
   emits: ['refresh', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var reachTop;
     var root = ref();
     var scrollParent = useScrollParent(root);
@@ -115,7 +117,7 @@ export default defineComponent({
         nodes.push(_createVNode(Loading, {
           "class": bem('loading')
         }, {
-          default: () => [getStatusText()]
+          default: getStatusText
         }));
       }
 

package/es/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/es/pull-refresh/index.d.ts

@@ -52,3 +52,4 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
     successDuration: string | number;
 }>>;
 export default PullRefresh;
+export type { PullRefreshProps } from './PullRefresh';

package/es/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/es/radio/Radio.d.ts

@@ -1,14 +1,19 @@
+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<import("../checkbox/Checker").CheckerShape>;
-        default: import("../checkbox/Checker").CheckerShape;
+        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;
 }, () => 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;
@@ -21,19 +26,19 @@ declare const _default: import("vue").DefineComponent<{
     labelDisabled?: 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/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

@@ -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>;