vant 3.2.1 → 3.2.5

package/es/popover/Popover.js

@@ -2,7 +2,7 @@ import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _creat
 import { ref, watch, nextTick, onMounted, onBeforeUnmount, defineComponent } from 'vue';
 import { createPopper, offsetModifier } from '@vant/popperjs'; // Utils
 
-import { pick, extend, truthProp, unknownProp, BORDER_BOTTOM, createNamespace } from '../utils'; // Composables
+import { pick, extend, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeStringProp, createNamespace, makeArrayProp } from '../utils'; // Composables
 
 import { useClickAway } from '@vant/use'; // Components
 
@@ -14,8 +14,13 @@ export default defineComponent({
   name,
   props: {
     show: Boolean,
+    theme: makeStringProp('light'),
     overlay: Boolean,
-    duration: [Number, String],
+    actions: makeArrayProp(),
+    trigger: makeStringProp('click'),
+    duration: numericProp,
+    showArrow: truthProp,
+    placement: makeStringProp('bottom'),
     iconPrefix: String,
     overlayClass: unknownProp,
     overlayStyle: Object,
@@ -26,22 +31,6 @@ export default defineComponent({
       type: Array,
       default: () => [0, 8]
     },
-    theme: {
-      type: String,
-      default: 'light'
-    },
-    trigger: {
-      type: String,
-      default: 'click'
-    },
-    actions: {
-      type: Array,
-      default: () => []
-    },
-    placement: {
-      type: String,
-      default: 'bottom'
-    },
     teleport: {
       type: [String, Object],
       default: 'body'
@@ -58,20 +47,26 @@ export default defineComponent({
     var wrapperRef = ref();
     var popoverRef = ref();
 
-    var createPopperInstance = () => createPopper(wrapperRef.value, popoverRef.value.popupRef.value, {
-      placement: props.placement,
-      modifiers: [{
-        name: 'computeStyles',
-        options: {
-          adaptive: false,
-          gpuAcceleration: false
-        }
-      }, extend({}, offsetModifier, {
-        options: {
-          offset: props.offset
-        }
-      })]
-    });
+    var createPopperInstance = () => {
+      if (wrapperRef.value && popoverRef.value) {
+        return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, {
+          placement: props.placement,
+          modifiers: [{
+            name: 'computeStyles',
+            options: {
+              adaptive: false,
+              gpuAcceleration: false
+            }
+          }, extend({}, offsetModifier, {
+            options: {
+              offset: props.offset
+            }
+          })]
+        });
+      }
+
+      return null;
+    };
 
     var updateLocation = () => {
       nextTick(() => {
@@ -172,7 +167,7 @@ export default defineComponent({
     }, attrs, pick(props, popupProps), {
       'onUpdate:show': updateShow
     }), {
-      default: () => [_createVNode("div", {
+      default: () => [props.showArrow && _createVNode("div", {
         "class": bem('arrow')
       }, null), _createVNode("div", {
         "role": "menu",

package/es/popover/index.d.ts

@@ -1,7 +1,27 @@
-declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
+    theme: {
+        type: import("vue").PropType<import("./Popover").PopoverTheme>;
+        default: import("./Popover").PopoverTheme;
+    };
     overlay: BooleanConstructor;
+    actions: {
+        type: import("vue").PropType<import("./Popover").PopoverAction[]>;
+        default: () => never[];
+    };
+    trigger: {
+        type: import("vue").PropType<import("./Popover").PopoverTrigger>;
+        default: import("./Popover").PopoverTrigger;
+    };
     duration: (NumberConstructor | StringConstructor)[];
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    placement: {
+        type: import("vue").PropType<import("./Popover").PopoverPlacement>;
+        default: import("./Popover").PopoverPlacement;
+    };
     iconPrefix: StringConstructor;
     overlayClass: import("vue").PropType<unknown>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
@@ -21,30 +41,19 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
         type: import("vue").PropType<[number, number]>;
         default: () => number[];
     };
-    theme: {
-        type: import("vue").PropType<import("./Popover").PopoverTheme>;
-        default: string;
-    };
-    trigger: {
-        type: import("vue").PropType<import("./Popover").PopoverTrigger>;
-        default: string;
-    };
-    actions: {
-        type: import("vue").PropType<import("./Popover").PopoverAction[]>;
-        default: () => never[];
-    };
-    placement: {
-        type: import("vue").PropType<import("./Popover").PopoverPlacement>;
-        default: string;
-    };
     teleport: {
         type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
+    theme?: unknown;
     overlay?: unknown;
+    actions?: unknown;
+    trigger?: unknown;
     duration?: unknown;
+    showArrow?: unknown;
+    placement?: unknown;
     iconPrefix?: unknown;
     overlayClass?: unknown;
     overlayStyle?: unknown;
@@ -52,10 +61,6 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
     closeOnClickOverlay?: unknown;
     closeOnClickOutside?: unknown;
     offset?: unknown;
-    theme?: unknown;
-    trigger?: unknown;
-    actions?: unknown;
-    placement?: unknown;
     teleport?: unknown;
 } & {
     offset: [number, number];
@@ -68,6 +73,7 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
     theme: import("./Popover").PopoverTheme;
     closeOnClickOutside: boolean;
     trigger: import("./Popover").PopoverTrigger;
+    showArrow: boolean;
     placement: import("./Popover").PopoverPlacement;
 } & {
     iconPrefix?: string | undefined;
@@ -89,8 +95,8 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
     theme: import("./Popover").PopoverTheme;
     closeOnClickOutside: boolean;
     trigger: import("./Popover").PopoverTrigger;
+    showArrow: boolean;
     placement: import("./Popover").PopoverPlacement;
 }>>;
 export default Popover;
-export { Popover };
 export type { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement, } from './Popover';

package/es/popover/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Popover from './Popover';
-var Popover = withInstall(_Popover);
-export default Popover;
-export { Popover };
+export var Popover = withInstall(_Popover);
+export default Popover;

package/es/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/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 { extend, isDef, callInterceptor, createNamespace } from '../utils'; // Composables
+import { isDef, extend, makeStringProp, callInterceptor, createNamespace } from '../utils'; // Composables
 
 import { useEventListener } from '@vant/use';
 import { useExpose } from '../composables/use-expose';
@@ -19,23 +19,14 @@ export default defineComponent({
   inheritAttrs: false,
   props: extend({}, popupSharedProps, {
     round: Boolean,
+    position: makeStringProp('center'),
+    closeIcon: 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: makeStringProp('top-right'),
+    safeAreaInsetBottom: Boolean
   }),
   emits: ['open', 'close', 'click', 'opened', 'closed', 'update:show', 'click-overlay', 'click-close-icon'],
 

package/es/popup/index.d.ts

@@ -1,4 +1,4 @@
-declare const Popup: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Popup: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -25,23 +25,23 @@ declare const Popup: import("../utils").WithInstall<import("vue").DefineComponen
     };
 } & {
     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 @@ declare const Popup: import("../utils").WithInstall<import("vue").DefineComponen
     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 @@ declare const Popup: import("../utils").WithInstall<import("vue").DefineComponen
     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,12 +105,11 @@ declare const Popup: import("../utils").WithInstall<import("vue").DefineComponen
     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;
-export { Popup };
 export type { PopupPosition, PopupCloseIconPosition } from './Popup';

package/es/popup/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Popup from './Popup';
-var Popup = withInstall(_Popup);
-export default Popup;
-export { Popup };
+export var Popup = withInstall(_Popup);
+export default Popup;

package/es/popup/shared.js

@@ -1,13 +1,13 @@
-import { truthProp, unknownProp } from '../utils';
+import { truthProp, unknownProp, numericProp } from '../utils';
 export var popupSharedProps = {
   // whether to show popup
   show: Boolean,
   // z-index
-  zIndex: [Number, String],
+  zIndex: numericProp,
   // whether to show overlay
   overlay: truthProp,
   // transition duration
-  duration: [Number, String],
+  duration: numericProp,
   // teleport
   teleport: [String, Object],
   // prevent body scroll

package/es/progress/Progress.d.ts

@@ -13,6 +13,7 @@ declare const props: {
     strokeWidth: (NumberConstructor | StringConstructor)[];
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
+        default: number;
         validator: (value: number | string) => boolean;
     };
 };
@@ -31,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     strokeWidth: (NumberConstructor | StringConstructor)[];
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
+        default: number;
         validator: (value: string | number) => boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
@@ -46,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     inactive: boolean;
     showPivot: boolean;
+    percentage: string | number;
 } & {
     color?: string | undefined;
     textColor?: string | undefined;
@@ -53,9 +56,9 @@ declare const _default: import("vue").DefineComponent<{
     pivotText?: string | undefined;
     pivotColor?: string | undefined;
     trackColor?: string | undefined;
-    percentage?: string | number | undefined;
-}> & {}, {
+}>, {
     inactive: boolean;
     showPivot: boolean;
+    percentage: string | number;
 }>;
 export default _default;

package/es/progress/Progress.js

@@ -1,7 +1,6 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, computed, nextTick, reactive, onMounted, defineComponent } from 'vue';
-import { truthProp, createNamespace, addUnit } from '../utils';
-import { useExpose } from '../composables/use-expose';
+import { computed, defineComponent } from 'vue';
+import { addUnit, truthProp, numericProp, createNamespace } from '../utils';
 var [name, bem] = createNamespace('progress');
 var props = {
   color: String,
@@ -11,9 +10,10 @@ var props = {
   showPivot: truthProp,
   pivotColor: String,
   trackColor: String,
-  strokeWidth: [Number, String],
+  strokeWidth: numericProp,
   percentage: {
-    type: [Number, String],
+    type: numericProp,
+    default: 0,
     validator: value => value >= 0 && value <= 100
   }
 };
@@ -22,26 +22,9 @@ export default defineComponent({
   props,
 
   setup(props) {
-    var root = ref();
-    var pivotRef = ref();
-    var state = reactive({
-      rootWidth: 0,
-      pivotWidth: 0
-    });
     var background = computed(() => props.inactive ? '#cacaca' : props.color);
 
-    var resize = () => {
-      nextTick(() => {
-        state.rootWidth = root.value ? root.value.offsetWidth : 0;
-        state.pivotWidth = pivotRef.value ? pivotRef.value.offsetWidth : 0;
-      });
-    };
-
     var renderPivot = () => {
-      var {
-        rootWidth,
-        pivotWidth
-      } = state;
       var {
         textColor,
         pivotText,
@@ -49,28 +32,21 @@ export default defineComponent({
         percentage
       } = props;
       var text = pivotText != null ? pivotText : percentage + "%";
-      var show = props.showPivot && text;
 
-      if (show) {
-        var left = (rootWidth - pivotWidth) * +percentage / 100;
+      if (props.showPivot && text) {
         var style = {
           color: textColor,
-          left: left + "px",
+          left: +percentage + "%",
+          transform: "translate(-" + +percentage + "%,-50%)",
           background: pivotColor || background.value
         };
         return _createVNode("span", {
-          "ref": pivotRef,
           "style": style,
           "class": bem('pivot')
         }, [text]);
       }
     };
 
-    watch(() => [props.showPivot, props.pivotText], resize);
-    onMounted(resize);
-    useExpose({
-      resize
-    });
     return () => {
       var {
         trackColor,
@@ -83,16 +59,15 @@ export default defineComponent({
       };
       var portionStyle = {
         background: background.value,
-        width: state.rootWidth * +percentage / 100 + 'px'
+        transform: "scaleX(" + +percentage / 100 + ")"
       };
       return _createVNode("div", {
-        "ref": root,
         "class": bem(),
         "style": rootStyle
       }, [_createVNode("span", {
         "class": bem('portion'),
         "style": portionStyle
-      }, [renderPivot()])]);
+      }, 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;height:100%;background:var(--van-progress-color);border-radius:inherit}.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;transform:translate(0,-50%)}
+: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)}

package/es/progress/index.d.ts

@@ -1,4 +1,5 @@
-declare const Progress: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { ProgressProps } from './Progress';
+export declare const Progress: import("../utils").WithInstall<import("vue").DefineComponent<{
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
@@ -12,6 +13,7 @@ declare const Progress: import("../utils").WithInstall<import("vue").DefineCompo
     strokeWidth: (NumberConstructor | StringConstructor)[];
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
+        default: number;
         validator: (value: string | number) => boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
@@ -27,6 +29,7 @@ declare const Progress: import("../utils").WithInstall<import("vue").DefineCompo
 } & {
     inactive: boolean;
     showPivot: boolean;
+    percentage: string | number;
 } & {
     color?: string | undefined;
     textColor?: string | undefined;
@@ -34,11 +37,11 @@ declare const Progress: import("../utils").WithInstall<import("vue").DefineCompo
     pivotText?: string | undefined;
     pivotColor?: string | undefined;
     trackColor?: string | undefined;
-    percentage?: string | number | undefined;
-}> & {}, {
+}>, {
     inactive: boolean;
     showPivot: boolean;
+    percentage: string | number;
 }>>;
 export default Progress;
-export { Progress };
+export type { ProgressProps };
 export type { ProgressInstance } from './types';

package/es/progress/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Progress from './Progress';
-var Progress = withInstall(_Progress);
-export default Progress;
-export { Progress };
+export var Progress = withInstall(_Progress);
+export default Progress;

package/es/progress/index.less

@@ -20,9 +20,13 @@
   &__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);
   }
 
   &__pivot {
@@ -38,6 +42,7 @@
     word-break: keep-all;
     background-color: var(--van-progress-pivot-background-color);
     border-radius: 1em;
-    transform: translate(0, -50%);
+    transition: all var(--van-animation-duration-base)
+      var(--van-animation-timing-function-enter);
   }
 }