vant 3.2.2 → 3.2.6

package/es/stepper/Stepper.d.ts

@@ -2,6 +2,22 @@ import { PropType } from 'vue';
 import { Interceptor } from '../utils';
 export declare type StepperTheme = 'default' | 'round';
 declare const _default: import("vue").DefineComponent<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     theme: PropType<StepperTheme>;
     integer: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -30,28 +46,16 @@ declare const _default: import("vue").DefineComponent<{
     disableMinus: BooleanConstructor;
     disableInput: BooleanConstructor;
     beforeChange: PropType<Interceptor>;
-    decimalLength: (NumberConstructor | StringConstructor)[];
-    name: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    min: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    max: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    step: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     defaultValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    decimalLength: (NumberConstructor | StringConstructor)[];
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    min?: unknown;
+    max?: unknown;
+    name?: unknown;
+    step?: unknown;
     theme?: unknown;
     integer?: unknown;
     disabled?: unknown;
@@ -68,12 +72,8 @@ declare const _default: import("vue").DefineComponent<{
     disableMinus?: unknown;
     disableInput?: unknown;
     beforeChange?: unknown;
-    decimalLength?: unknown;
-    name?: unknown;
-    min?: unknown;
-    max?: unknown;
-    step?: unknown;
     defaultValue?: unknown;
+    decimalLength?: unknown;
 } & {
     name: string | number;
     max: string | number;
@@ -91,10 +91,10 @@ declare const _default: import("vue").DefineComponent<{
     disableInput: boolean;
     defaultValue: string | number;
 } & {
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
-    theme?: StepperTheme | undefined;
+    placeholder?: string | undefined;
     beforeChange?: Interceptor | undefined;
+    theme?: StepperTheme | undefined;
     buttonSize?: string | number | undefined;
     inputWidth?: string | number | undefined;
     decimalLength?: string | number | undefined;

package/es/stepper/Stepper.js

@@ -1,20 +1,22 @@
 import { withDirectives as _withDirectives, createVNode as _createVNode, mergeProps as _mergeProps, vShow as _vShow } from "vue";
 import { ref, watch, computed, defineComponent, nextTick } from 'vue'; // Utils
 
-import { isDef, addUnit, addNumber, truthProp, resetScroll, formatNumber, getSizeStyle, preventDefault, createNamespace, callInterceptor } from '../utils'; // Composables
+import { isDef, addUnit, addNumber, truthProp, resetScroll, numericProp, formatNumber, getSizeStyle, preventDefault, createNamespace, callInterceptor, makeNumericProp } from '../utils'; // Composables
 
 import { useCustomFieldValue } from '@vant/use';
 var [name, bem] = createNamespace('stepper');
 var LONG_PRESS_INTERVAL = 200;
 var LONG_PRESS_START_TIME = 600;
 
-function equal(value1, value2) {
-  return String(value1) === String(value2);
-}
+var isEqual = (value1, value2) => String(value1) === String(value2);
 
 export default defineComponent({
   name,
   props: {
+    min: makeNumericProp(1),
+    max: makeNumericProp(Infinity),
+    name: makeNumericProp(''),
+    step: makeNumericProp(1),
     theme: String,
     integer: Boolean,
     disabled: Boolean,
@@ -23,35 +25,16 @@ export default defineComponent({
     showInput: truthProp,
     longPress: truthProp,
     allowEmpty: Boolean,
-    modelValue: [Number, String],
-    inputWidth: [Number, String],
-    buttonSize: [Number, String],
+    modelValue: numericProp,
+    inputWidth: numericProp,
+    buttonSize: numericProp,
     placeholder: String,
     disablePlus: Boolean,
     disableMinus: Boolean,
     disableInput: Boolean,
     beforeChange: Function,
-    decimalLength: [Number, String],
-    name: {
-      type: [Number, String],
-      default: ''
-    },
-    min: {
-      type: [Number, String],
-      default: 1
-    },
-    max: {
-      type: [Number, String],
-      default: Infinity
-    },
-    step: {
-      type: [Number, String],
-      default: 1
-    },
-    defaultValue: {
-      type: [Number, String],
-      default: 1
-    }
+    defaultValue: makeNumericProp(1),
+    decimalLength: numericProp
   },
   emits: ['plus', 'blur', 'minus', 'focus', 'change', 'overlimit', 'update:modelValue'],
 
@@ -88,7 +71,7 @@ export default defineComponent({
       var defaultValue = (_props$modelValue = props.modelValue) != null ? _props$modelValue : props.defaultValue;
       var value = format(defaultValue);
 
-      if (!equal(value, props.modelValue)) {
+      if (!isEqual(value, props.modelValue)) {
         emit('update:modelValue', value);
       }
 
@@ -109,16 +92,15 @@ export default defineComponent({
     var check = () => {
       var value = format(current.value);
 
-      if (!equal(value, current.value)) {
+      if (!isEqual(value, current.value)) {
         current.value = value;
       }
     };
 
     var setValue = value => {
       if (props.beforeChange) {
-        callInterceptor({
+        callInterceptor(props.beforeChange, {
           args: [value],
-          interceptor: props.beforeChange,
 
           done() {
             current.value = value;
@@ -159,7 +141,7 @@ export default defineComponent({
 
       if (props.beforeChange) {
         input.value = String(current.value);
-      } else if (!equal(value, formatted)) {
+      } else if (!isEqual(value, formatted)) {
         input.value = formatted;
       } // prefer number type
 
@@ -247,7 +229,7 @@ export default defineComponent({
 
     watch([() => props.max, () => props.min, () => props.integer, () => props.decimalLength], check);
     watch(() => props.modelValue, value => {
-      if (!equal(value, current.value)) {
+      if (!isEqual(value, current.value)) {
         current.value = format(value);
       }
     });

package/es/stepper/index.css

@@ -1 +1 @@
-:root{--van-stepper-active-color:#e8e8e8;--van-stepper-background-color:var(--van-active-color);--van-stepper-button-icon-color:var(--van-text-color);--van-stepper-button-disabled-color:var(--van-background-color);--van-stepper-button-disabled-icon-color:var(--van-gray-5);--van-stepper-button-round-theme-color:var(--van-danger-color);--van-stepper-input-width:32px;--van-stepper-input-height:28px;--van-stepper-input-font-size:var(--van-font-size-md);--van-stepper-input-line-height:normal;--van-stepper-input-text-color:var(--van-text-color);--van-stepper-input-disabled-text-color:var(--van-gray-5);--van-stepper-input-disabled-background-color:var(--van-active-color);--van-stepper-border-radius:var(--van-border-radius-md)}.van-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:var(--van-stepper-input-height);height:var(--van-stepper-input-height);margin:0;padding:0;color:var(--van-stepper-button-icon-color);vertical-align:middle;background-color:var(--van-stepper-background-color);border:0;cursor:pointer}.van-stepper__minus::before,.van-stepper__plus::before{width:50%;height:1px}.van-stepper__minus::after,.van-stepper__plus::after{width:1px;height:50%}.van-stepper__minus::after,.van-stepper__minus::before,.van-stepper__plus::after,.van-stepper__plus::before{position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);content:''}.van-stepper__minus:active,.van-stepper__plus:active{background-color:var(--van-stepper-active-color)}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:var(--van-stepper-button-disabled-icon-color);background-color:var(--van-stepper-button-disabled-color);cursor:not-allowed}.van-stepper__minus--disabled:active,.van-stepper__plus--disabled:active{background-color:var(--van-stepper-button-disabled-color)}.van-stepper__minus{border-radius:var(--van-stepper-border-radius) 0 0 var(--van-stepper-border-radius)}.van-stepper__minus::after{display:none}.van-stepper__plus{border-radius:0 var(--van-stepper-border-radius) var(--van-stepper-border-radius) 0}.van-stepper__input{box-sizing:border-box;width:var(--van-stepper-input-width);height:var(--van-stepper-input-height);margin:0 2px;padding:0;color:var(--van-stepper-input-text-color);font-size:var(--van-stepper-input-font-size);line-height:var(--van-stepper-input-line-height);text-align:center;vertical-align:middle;background-color:var(--van-stepper-background-color);border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:var(--van-stepper-input-disabled-text-color);background-color:var(--van-stepper-input-disabled-background-color);-webkit-text-fill-color:var(--van-stepper-input-disabled-text-color);opacity:1}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__minus,.van-stepper--round .van-stepper__plus{border-radius:100%}.van-stepper--round .van-stepper__minus:active,.van-stepper--round .van-stepper__plus:active{opacity:var(--van-active-opacity)}.van-stepper--round .van-stepper__minus--disabled,.van-stepper--round .van-stepper__minus--disabled:active,.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__plus--disabled:active{opacity:.3}.van-stepper--round .van-stepper__plus{color:var(--van-white);background-color:var(--van-stepper-button-round-theme-color)}.van-stepper--round .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background-color:var(--van-white);border:1px solid var(--van-stepper-button-round-theme-color)}
+:root{--van-stepper-active-color:#e8e8e8;--van-stepper-background-color:var(--van-active-color);--van-stepper-button-icon-color:var(--van-text-color);--van-stepper-button-disabled-color:var(--van-background-color);--van-stepper-button-disabled-icon-color:var(--van-gray-5);--van-stepper-button-round-theme-color:var(--van-danger-color);--van-stepper-input-width:32px;--van-stepper-input-height:28px;--van-stepper-input-font-size:var(--van-font-size-md);--van-stepper-input-line-height:normal;--van-stepper-input-text-color:var(--van-text-color);--van-stepper-input-disabled-text-color:var(--van-gray-5);--van-stepper-input-disabled-background-color:var(--van-active-color);--van-stepper-border-radius:var(--van-border-radius-md)}.van-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:var(--van-stepper-input-height);height:var(--van-stepper-input-height);margin:0;padding:0;color:var(--van-stepper-button-icon-color);vertical-align:middle;background:var(--van-stepper-background-color);border:0;cursor:pointer}.van-stepper__minus::before,.van-stepper__plus::before{width:50%;height:1px}.van-stepper__minus::after,.van-stepper__plus::after{width:1px;height:50%}.van-stepper__minus::after,.van-stepper__minus::before,.van-stepper__plus::after,.van-stepper__plus::before{position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);content:''}.van-stepper__minus:active,.van-stepper__plus:active{background-color:var(--van-stepper-active-color)}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:var(--van-stepper-button-disabled-icon-color);background-color:var(--van-stepper-button-disabled-color);cursor:not-allowed}.van-stepper__minus--disabled:active,.van-stepper__plus--disabled:active{background-color:var(--van-stepper-button-disabled-color)}.van-stepper__minus{border-radius:var(--van-stepper-border-radius) 0 0 var(--van-stepper-border-radius)}.van-stepper__minus::after{display:none}.van-stepper__plus{border-radius:0 var(--van-stepper-border-radius) var(--van-stepper-border-radius) 0}.van-stepper__input{box-sizing:border-box;width:var(--van-stepper-input-width);height:var(--van-stepper-input-height);margin:0 2px;padding:0;color:var(--van-stepper-input-text-color);font-size:var(--van-stepper-input-font-size);line-height:var(--van-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--van-stepper-background-color);border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:var(--van-stepper-input-disabled-text-color);background-color:var(--van-stepper-input-disabled-background-color);-webkit-text-fill-color:var(--van-stepper-input-disabled-text-color);opacity:1}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__minus,.van-stepper--round .van-stepper__plus{border-radius:100%}.van-stepper--round .van-stepper__minus:active,.van-stepper--round .van-stepper__plus:active{opacity:var(--van-active-opacity)}.van-stepper--round .van-stepper__minus--disabled,.van-stepper--round .van-stepper__minus--disabled:active,.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__plus--disabled:active{opacity:.3}.van-stepper--round .van-stepper__plus{color:var(--van-white);background:var(--van-stepper-button-round-theme-color)}.van-stepper--round .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background-color:var(--van-white);border:1px solid var(--van-stepper-button-round-theme-color)}

package/es/stepper/index.d.ts

@@ -1,5 +1,21 @@
 import { StepperTheme } from './Stepper';
 export declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     theme: import("vue").PropType<StepperTheme>;
     integer: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -28,28 +44,16 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     disableMinus: BooleanConstructor;
     disableInput: BooleanConstructor;
     beforeChange: import("vue").PropType<import("../utils").Interceptor>;
-    decimalLength: (NumberConstructor | StringConstructor)[];
-    name: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    min: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    max: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    step: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     defaultValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    decimalLength: (NumberConstructor | StringConstructor)[];
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    min?: unknown;
+    max?: unknown;
+    name?: unknown;
+    step?: unknown;
     theme?: unknown;
     integer?: unknown;
     disabled?: unknown;
@@ -66,12 +70,8 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     disableMinus?: unknown;
     disableInput?: unknown;
     beforeChange?: unknown;
-    decimalLength?: unknown;
-    name?: unknown;
-    min?: unknown;
-    max?: unknown;
-    step?: unknown;
     defaultValue?: unknown;
+    decimalLength?: unknown;
 } & {
     name: string | number;
     max: string | number;
@@ -89,10 +89,10 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     disableInput: boolean;
     defaultValue: string | number;
 } & {
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
-    theme?: StepperTheme | undefined;
+    placeholder?: string | undefined;
     beforeChange?: import("../utils").Interceptor | undefined;
+    theme?: StepperTheme | undefined;
     buttonSize?: string | number | undefined;
     inputWidth?: string | number | undefined;
     decimalLength?: string | number | undefined;

package/es/stepper/index.less

@@ -31,7 +31,7 @@
     padding: 0;
     color: var(--van-stepper-button-icon-color);
     vertical-align: middle;
-    background-color: var(--van-stepper-background-color);
+    background: var(--van-stepper-background-color);
     border: 0;
     cursor: pointer;
 
@@ -95,7 +95,7 @@
     line-height: var(--van-stepper-input-line-height);
     text-align: center;
     vertical-align: middle;
-    background-color: var(--van-stepper-background-color);
+    background: var(--van-stepper-background-color);
     border: 0;
     border-width: 1px 0;
     border-radius: 0;
@@ -137,7 +137,7 @@
 
     .van-stepper__plus {
       color: var(--van-white);
-      background-color: var(--van-stepper-button-round-theme-color);
+      background: var(--van-stepper-button-round-theme-color);
     }
 
     .van-stepper__minus {

package/es/steps/Steps.d.ts

@@ -1,23 +1,23 @@
-import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { ExtractPropTypes, InjectionKey } from 'vue';
 export declare type StepsDirection = 'horizontal' | 'vertical';
 declare const props: {
-    iconPrefix: StringConstructor;
-    finishIcon: StringConstructor;
-    activeColor: StringConstructor;
-    inactiveIcon: StringConstructor;
-    inactiveColor: StringConstructor;
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: PropType<StepsDirection>;
-        default: string;
+        type: import("vue").PropType<StepsDirection>;
+        default: StepsDirection;
     };
     activeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
 };
 export declare type StepsProvide = {
     props: ExtractPropTypes<typeof props>;
@@ -25,32 +25,32 @@ export declare type StepsProvide = {
 };
 export declare const STEPS_KEY: InjectionKey<StepsProvide>;
 declare const _default: import("vue").DefineComponent<{
-    iconPrefix: StringConstructor;
-    finishIcon: StringConstructor;
-    activeColor: StringConstructor;
-    inactiveIcon: StringConstructor;
-    inactiveColor: StringConstructor;
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: PropType<StepsDirection>;
-        default: string;
+        type: import("vue").PropType<StepsDirection>;
+        default: StepsDirection;
     };
     activeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    active?: unknown;
+    direction?: unknown;
+    activeIcon?: unknown;
     iconPrefix?: unknown;
     finishIcon?: unknown;
     activeColor?: unknown;
     inactiveIcon?: unknown;
     inactiveColor?: unknown;
-    active?: unknown;
-    direction?: unknown;
-    activeIcon?: unknown;
 } & {
     active: string | number;
     direction: StepsDirection;

package/es/steps/Steps.js

@@ -1,26 +1,17 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { createNamespace } from '../utils';
+import { makeStringProp, makeNumericProp, createNamespace } from '../utils';
 import { useChildren } from '@vant/use';
 var [name, bem] = createNamespace('steps');
 var props = {
+  active: makeNumericProp(0),
+  direction: makeStringProp('horizontal'),
+  activeIcon: makeStringProp('checked'),
   iconPrefix: String,
   finishIcon: String,
   activeColor: String,
   inactiveIcon: String,
-  inactiveColor: String,
-  active: {
-    type: [Number, String],
-    default: 0
-  },
-  direction: {
-    type: String,
-    default: 'horizontal'
-  },
-  activeIcon: {
-    type: String,
-    default: 'checked'
-  }
+  inactiveColor: String
 };
 export var STEPS_KEY = Symbol(name);
 export default defineComponent({

package/es/steps/index.d.ts

@@ -1,33 +1,34 @@
+import { StepsDirection } from './Steps';
 export declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<{
-    iconPrefix: StringConstructor;
-    finishIcon: StringConstructor;
-    activeColor: StringConstructor;
-    inactiveIcon: StringConstructor;
-    inactiveColor: StringConstructor;
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: import("vue").PropType<import("./Steps").StepsDirection>;
-        default: string;
+        type: import("vue").PropType<StepsDirection>;
+        default: StepsDirection;
     };
     activeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    active?: unknown;
+    direction?: unknown;
+    activeIcon?: unknown;
     iconPrefix?: unknown;
     finishIcon?: unknown;
     activeColor?: unknown;
     inactiveIcon?: unknown;
     inactiveColor?: unknown;
-    active?: unknown;
-    direction?: unknown;
-    activeIcon?: unknown;
 } & {
     active: string | number;
-    direction: import("./Steps").StepsDirection;
+    direction: StepsDirection;
     activeIcon: string;
 } & {
     iconPrefix?: string | undefined;
@@ -39,7 +40,8 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
     "onClick-step"?: ((...args: any[]) => any) | undefined;
 }, {
     active: string | number;
-    direction: import("./Steps").StepsDirection;
+    direction: StepsDirection;
     activeIcon: string;
 }>>;
 export default Steps;
+export type { StepsDirection };

package/es/sticky/Sticky.d.ts

@@ -2,6 +2,10 @@ import { PropType } from 'vue';
 export declare type StickyPosition = 'top' | 'bottom';
 declare const _default: import("vue").DefineComponent<{
     zIndex: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: PropType<StickyPosition>;
+        default: StickyPosition;
+    };
     container: PropType<Element>;
     offsetTop: {
         type: (NumberConstructor | StringConstructor)[];
@@ -11,16 +15,12 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    position: {
-        type: PropType<StickyPosition>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     zIndex?: unknown;
+    position?: unknown;
     container?: unknown;
     offsetTop?: unknown;
     offsetBottom?: unknown;
-    position?: unknown;
 } & {
     position: StickyPosition;
     offsetTop: string | number;

package/es/sticky/Sticky.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, reactive, defineComponent } from 'vue'; // Utils
 
-import { extend, isHidden, unitToPx, getScrollTop, getZIndexStyle, createNamespace } from '../utils'; // Composables
+import { extend, isHidden, unitToPx, numericProp, getScrollTop, getZIndexStyle, makeStringProp, makeNumericProp, createNamespace } from '../utils'; // Composables
 
 import { useRect, useEventListener, useScrollParent } from '@vant/use';
 import { useVisibilityChange } from '../composables/use-visibility-change';
@@ -9,20 +9,11 @@ var [name, bem] = createNamespace('sticky');
 export default defineComponent({
   name,
   props: {
-    zIndex: [Number, String],
+    zIndex: numericProp,
+    position: makeStringProp('top'),
     container: Object,
-    offsetTop: {
-      type: [Number, String],
-      default: 0
-    },
-    offsetBottom: {
-      type: [Number, String],
-      default: 0
-    },
-    position: {
-      type: String,
-      default: 'top'
-    }
+    offsetTop: makeNumericProp(0),
+    offsetBottom: makeNumericProp(0)
   },
   emits: ['scroll', 'change'],
 

package/es/sticky/index.d.ts

@@ -1,5 +1,9 @@
 export declare const Sticky: import("../utils").WithInstall<import("vue").DefineComponent<{
     zIndex: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./Sticky").StickyPosition>;
+        default: import("./Sticky").StickyPosition;
+    };
     container: import("vue").PropType<Element>;
     offsetTop: {
         type: (NumberConstructor | StringConstructor)[];
@@ -9,16 +13,12 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    position: {
-        type: import("vue").PropType<import("./Sticky").StickyPosition>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     zIndex?: unknown;
+    position?: unknown;
     container?: unknown;
     offsetTop?: unknown;
     offsetBottom?: unknown;
-    position?: unknown;
 } & {
     position: import("./Sticky").StickyPosition;
     offsetTop: string | number;

package/es/submit-bar/SubmitBar.d.ts

@@ -6,26 +6,26 @@ declare const _default: import("vue").DefineComponent<{
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
+    currency: {
+        type: PropType<string>;
+        default: string;
+    };
     disabled: BooleanConstructor;
     textAlign: PropType<import("csstype").TextAlignProperty | undefined>;
     buttonText: StringConstructor;
+    buttonType: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
-    safeAreaInsetBottom: {
-        type: BooleanConstructor;
-        default: true;
-    };
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    currency: {
-        type: StringConstructor;
-        default: string;
-    };
-    buttonType: {
-        type: PropType<ButtonType>;
-        default: string;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     tip?: unknown;
@@ -33,15 +33,15 @@ declare const _default: import("vue").DefineComponent<{
     price?: unknown;
     tipIcon?: unknown;
     loading?: unknown;
+    currency?: unknown;
     disabled?: unknown;
     textAlign?: unknown;
     buttonText?: unknown;
+    buttonType?: unknown;
     buttonColor?: unknown;
     suffixLabel?: unknown;
-    safeAreaInsetBottom?: unknown;
     decimalLength?: unknown;
-    currency?: unknown;
-    buttonType?: unknown;
+    safeAreaInsetBottom?: unknown;
 } & {
     disabled: boolean;
     safeAreaInsetBottom: boolean;

package/es/submit-bar/SubmitBar.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { truthProp, createNamespace } from '../utils'; // Components
+import { truthProp, makeStringProp, makeNumericProp, createNamespace } from '../utils'; // Components
 
 import { Icon } from '../icon';
 import { Button } from '../button';
@@ -13,24 +13,15 @@ export default defineComponent({
     price: Number,
     tipIcon: String,
     loading: Boolean,
+    currency: makeStringProp('¥'),
     disabled: Boolean,
     textAlign: String,
     buttonText: String,
+    buttonType: makeStringProp('danger'),
     buttonColor: String,
     suffixLabel: String,
-    safeAreaInsetBottom: truthProp,
-    decimalLength: {
-      type: [Number, String],
-      default: 2
-    },
-    currency: {
-      type: String,
-      default: '¥'
-    },
-    buttonType: {
-      type: String,
-      default: 'danger'
-    }
+    decimalLength: makeNumericProp(2),
+    safeAreaInsetBottom: truthProp
   },
   emits: ['submit'],