vant 3.2.3 → 3.2.7

package/es/utils/index.js

@@ -1,12 +1,9 @@
-export * from './base';
+export * from './basic';
+export * from './props';
+export * from './dom';
 export * from './create';
+export * from './format';
 export * from './constant';
 export * from './validate';
-export * from './dom/style';
-export * from './dom/event';
-export * from './dom/scroll';
 export * from './interceptor';
-export * from './with-install';
-export * from './format/unit';
-export * from './format/number';
-export * from './format/string';
+export * from './with-install';

package/es/utils/interceptor.d.ts

@@ -1,7 +1,6 @@
-export declare type Interceptor = (...args: any[]) => Promise<boolean> | boolean;
-export declare function callInterceptor(options: {
-    interceptor?: Interceptor;
-    args?: any[];
+export declare type Interceptor = (...args: any[]) => Promise<boolean> | boolean | undefined;
+export declare function callInterceptor(interceptor: Interceptor | undefined, { args, done, canceled, }: {
+    args?: unknown[];
     done: () => void;
     canceled?: () => void;
 }): void;

package/es/utils/interceptor.js

@@ -1,15 +1,15 @@
-import { isPromise, noop } from '.';
-export function callInterceptor(options) {
+import { noop } from './basic';
+import { isPromise } from './validate';
+export function callInterceptor(interceptor, _ref) {
   var {
-    interceptor,
-    args,
+    args = [],
     done,
     canceled
-  } = options;
+  } = _ref;
 
   if (interceptor) {
     // eslint-disable-next-line prefer-spread
-    var returnVal = interceptor.apply(null, args || []);
+    var returnVal = interceptor.apply(null, args);
 
     if (isPromise(returnVal)) {
       returnVal.then(value => {

package/es/utils/mount-component.js

@@ -1,4 +1,4 @@
-import { createApp, reactive, nextTick } from 'vue';
+import { createApp, reactive } from 'vue';
 import { extend } from '../utils';
 import { useExpose } from '../composables/use-expose';
 export function usePopupState() {
@@ -11,8 +11,10 @@ export function usePopupState() {
   };
 
   var open = props => {
-    extend(state, props);
-    nextTick(() => toggle(true));
+    extend(state, props, {
+      transitionAppear: true
+    });
+    toggle(true);
   };
 
   var close = () => toggle(false);

package/es/utils/props.d.ts

@@ -0,0 +1,31 @@
+/**
+ * prop type helpers
+ * help us to write less code and reduce bundle size
+ */
+import type { PropType } from 'vue';
+export declare const unknownProp: PropType<unknown>;
+export declare const numericProp: (NumberConstructor | StringConstructor)[];
+export declare const truthProp: {
+    type: BooleanConstructor;
+    default: true;
+};
+export declare const makeRequiredProp: <T>(type: T) => {
+    type: T;
+    required: true;
+};
+export declare const makeArrayProp: <T>() => {
+    type: PropType<T[]>;
+    default: () => never[];
+};
+export declare const makeNumberProp: <T>(defaultVal: T) => {
+    type: NumberConstructor;
+    default: T;
+};
+export declare const makeNumericProp: <T>(defaultVal: T) => {
+    type: (NumberConstructor | StringConstructor)[];
+    default: T;
+};
+export declare const makeStringProp: <T>(defaultVal: T) => {
+    type: PropType<T>;
+    default: T;
+};

package/es/utils/props.js

@@ -0,0 +1,30 @@
+/**
+ * prop type helpers
+ * help us to write less code and reduce bundle size
+ */
+export var unknownProp = null;
+export var numericProp = [Number, String];
+export var truthProp = {
+  type: Boolean,
+  default: true
+};
+export var makeRequiredProp = type => ({
+  type,
+  required: true
+});
+export var makeArrayProp = () => ({
+  type: Array,
+  default: () => []
+});
+export var makeNumberProp = defaultVal => ({
+  type: Number,
+  default: defaultVal
+});
+export var makeNumericProp = defaultVal => ({
+  type: numericProp,
+  default: defaultVal
+});
+export var makeStringProp = defaultVal => ({
+  type: String,
+  default: defaultVal
+});

package/es/utils/validate.d.ts

@@ -1,8 +1,8 @@
-export declare function isDef<T>(val: T): val is NonNullable<T>;
-export declare function isFunction(val: unknown): val is Function;
-export declare function isObject(val: unknown): val is Record<any, any>;
-export declare function isPromise<T = any>(val: unknown): val is Promise<T>;
-export declare function isDate(val: unknown): val is Date;
+export declare const isDef: <T>(val: T) => val is NonNullable<T>;
+export declare const isFunction: (val: unknown) => val is Function;
+export declare const isObject: (val: unknown) => val is Record<any, any>;
+export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
+export declare const isDate: (val: unknown) => val is Date;
 export declare function isMobile(value: string): boolean;
-export declare function isNumeric(val: string | number): val is string;
-export declare function isIOS(): boolean;
+export declare const isNumeric: (val: string | number) => val is string;
+export declare const isIOS: () => boolean;

package/es/utils/validate.js

@@ -1,27 +1,13 @@
-import { inBrowser } from './base';
-export function isDef(val) {
-  return val !== undefined && val !== null;
-} // eslint-disable-next-line @typescript-eslint/ban-types
+import { inBrowser } from './basic';
+export var isDef = val => val !== undefined && val !== null; // eslint-disable-next-line @typescript-eslint/ban-types
 
-export function isFunction(val) {
-  return typeof val === 'function';
-}
-export function isObject(val) {
-  return val !== null && typeof val === 'object';
-}
-export function isPromise(val) {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-}
-export function isDate(val) {
-  return Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
-}
+export var isFunction = val => typeof val === 'function';
+export var isObject = val => val !== null && typeof val === 'object';
+export var isPromise = val => isObject(val) && isFunction(val.then) && isFunction(val.catch);
+export var isDate = val => Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
 export function isMobile(value) {
   value = value.replace(/[^-|\d]/g, '');
   return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
 }
-export function isNumeric(val) {
-  return typeof val === 'number' || /^\d+(\.\d+)?$/.test(val);
-}
-export function isIOS() {
-  return inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
-}
+export var isNumeric = val => typeof val === 'number' || /^\d+(\.\d+)?$/.test(val);
+export var isIOS = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;

package/es/utils/with-install.js

@@ -1,4 +1,4 @@
-import { camelize } from './format/string'; // https://github.com/youzan/vant/issues/8302
+import { camelize } from './format'; // https://github.com/youzan/vant/issues/8302
 
 export function withInstall(options) {
   options.install = app => {

package/lib/action-bar/ActionBar.d.ts

@@ -1,4 +1,12 @@
+import { ExtractPropTypes } from 'vue';
 export declare const ACTION_BAR_KEY: unique symbol;
+declare const actionBarProps: {
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type ActionBarProps = ExtractPropTypes<typeof actionBarProps>;
 declare const _default: import("vue").DefineComponent<{
     safeAreaInsetBottom: {
         type: BooleanConstructor;

package/lib/action-bar/ActionBar.js

@@ -12,16 +12,18 @@ var _use = require("@vant/use");
 var [name, bem] = (0, _utils.createNamespace)('action-bar');
 var ACTION_BAR_KEY = Symbol(name);
 exports.ACTION_BAR_KEY = ACTION_BAR_KEY;
+var actionBarProps = {
+  safeAreaInsetBottom: _utils.truthProp
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    safeAreaInsetBottom: _utils.truthProp
-  },
+  props: actionBarProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       linkChildren
     } = (0, _use.useChildren)(ACTION_BAR_KEY);

package/lib/action-bar/index.css

@@ -1 +1 @@
-:root{--van-action-bar-background-color:var(--van-white);--van-action-bar-height:50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background-color:var(--van-action-bar-background-color)}
+:root{--van-action-bar-background-color:var(--van-background-color-light);--van-action-bar-height:50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background:var(--van-action-bar-background-color)}

package/lib/action-bar/index.d.ts

@@ -11,3 +11,4 @@ export declare const ActionBar: import("../utils").WithInstall<import("vue").Def
     safeAreaInsetBottom: boolean;
 }>>;
 export default ActionBar;
+export type { ActionBarProps } from './ActionBar';

package/lib/action-bar/index.less

@@ -14,5 +14,5 @@
   align-items: center;
   box-sizing: content-box;
   height: var(--van-action-bar-height);
-  background-color: var(--van-action-bar-background-color);
+  background: var(--van-action-bar-background-color);
 }

package/lib/action-bar/var.less

@@ -1,4 +1,4 @@
 @import '../style/var.less';
 
-@action-bar-background-color: var(--van-white);
+@action-bar-background-color: var(--van-background-color-light);
 @action-bar-height: 50px;

package/lib/action-bar-button/ActionBarButton.d.ts

@@ -1,5 +1,18 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
+declare const actionBarButtonProps: {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    type: PropType<ButtonType>;
+    text: StringConstructor;
+    icon: StringConstructor;
+    color: StringConstructor;
+    loading: BooleanConstructor;
+    disabled: BooleanConstructor;
+};
+export declare type ActionBarButtonProps = ExtractPropTypes<typeof actionBarButtonProps>;
 declare const _default: import("vue").DefineComponent<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/lib/action-bar-button/ActionBarButton.js

@@ -20,21 +20,23 @@ var _button = require("../button");
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('action-bar-button');
+var actionBarButtonProps = (0, _utils.extend)({}, _useRoute.routeProps, {
+  type: String,
+  text: String,
+  icon: String,
+  color: String,
+  loading: Boolean,
+  disabled: Boolean
+});
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _useRoute.routeProps, {
-    type: String,
-    text: String,
-    icon: String,
-    color: String,
-    loading: Boolean,
-    disabled: Boolean
-  }),
+  props: actionBarButtonProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var route = (0, _useRoute.useRoute)();
     var {
       parent,

package/lib/action-bar-button/index.d.ts

@@ -36,3 +36,4 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
     loading: boolean;
 }>>;
 export default ActionBarButton;
+export type { ActionBarButtonProps } from './ActionBarButton';

package/lib/action-bar-icon/ActionBarIcon.d.ts

@@ -1,3 +1,18 @@
+import { ExtractPropTypes } from 'vue';
+declare const actionBarIconProps: {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    color: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconClass: import("vue").PropType<unknown>;
+    iconPrefix: StringConstructor;
+};
+export declare type ActionBarIconProps = ExtractPropTypes<typeof actionBarIconProps>;
 declare const _default: import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/lib/action-bar-icon/ActionBarIcon.js

@@ -20,22 +20,24 @@ var _badge = require("../badge");
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('action-bar-icon');
+var actionBarIconProps = (0, _utils.extend)({}, _useRoute.routeProps, {
+  dot: Boolean,
+  text: String,
+  icon: String,
+  color: String,
+  badge: _utils.numericProp,
+  iconClass: _utils.unknownProp,
+  iconPrefix: String
+});
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _useRoute.routeProps, {
-    dot: Boolean,
-    text: String,
-    icon: String,
-    color: String,
-    badge: [Number, String],
-    iconClass: _utils.unknownProp,
-    iconPrefix: String
-  }),
-
-  setup(props, {
-    slots
-  }) {
+  props: actionBarIconProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var route = (0, _useRoute.useRoute)();
     (0, _use.useParent)(_ActionBar.ACTION_BAR_KEY);
 
@@ -55,7 +57,7 @@ var _default = (0, _vue.defineComponent)({
           "content": badge,
           "class": bem('icon')
         }, {
-          default: () => [slots.icon()]
+          default: slots.icon
         });
       }
 

package/lib/action-bar-icon/index.css

@@ -1 +1 @@
-:root{--van-action-bar-icon-width:48px;--van-action-bar-icon-height:100%;--van-action-bar-icon-color:var(--van-text-color);--van-action-bar-icon-size:18px;--van-action-bar-icon-font-size:var(--van-font-size-xs);--van-action-bar-icon-active-color:var(--van-active-color);--van-action-bar-icon-text-color:var(--van-gray-7);--van-action-bar-icon-background-color:var(--van-white)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background-color:var(--van-action-bar-icon-background-color);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}
+:root{--van-action-bar-icon-width:48px;--van-action-bar-icon-height:100%;--van-action-bar-icon-color:var(--van-text-color);--van-action-bar-icon-size:18px;--van-action-bar-icon-font-size:var(--van-font-size-xs);--van-action-bar-icon-active-color:var(--van-active-color);--van-action-bar-icon-text-color:var(--van-gray-7);--van-action-bar-icon-background-color:var(--van-background-color-light)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background-color);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}

package/lib/action-bar-icon/index.d.ts

@@ -38,3 +38,4 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     dot: boolean;
 }>>;
 export default ActionBarIcon;
+export type { ActionBarIconProps } from './ActionBarIcon';

package/lib/action-bar-icon/index.less

@@ -21,7 +21,7 @@
   font-size: var(--van-action-bar-icon-font-size);
   line-height: 1;
   text-align: center;
-  background-color: var(--van-action-bar-icon-background-color);
+  background: var(--van-action-bar-icon-background-color);
   cursor: pointer;
 
   &:active {

package/lib/action-bar-icon/var.less

@@ -7,4 +7,4 @@
 @action-bar-icon-font-size: var(--van-font-size-xs);
 @action-bar-icon-active-color: var(--van-active-color);
 @action-bar-icon-text-color: var(--van-gray-7);
-@action-bar-icon-background-color: var(--van-white);
+@action-bar-icon-background-color: var(--van-background-color-light);

package/lib/action-sheet/ActionSheet.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { ExtractPropTypes } from 'vue';
 export declare type ActionSheetAction = {
     name?: string;
     color?: string;
@@ -8,7 +8,7 @@ export declare type ActionSheetAction = {
     callback?: (action: ActionSheetAction) => void;
     className?: unknown;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const actionSheetProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -16,7 +16,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;
@@ -25,9 +25,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    beforeClose: PropType<import("../utils").Interceptor>;
-    overlayStyle: PropType<import("vue").CSSProperties>;
-    overlayClass: PropType<unknown>;
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
     closeOnClickOverlay: {
         type: BooleanConstructor;
@@ -39,23 +39,85 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    actions: PropType<ActionSheetAction[]>;
+    actions: {
+        type: import("vue").PropType<ActionSheetAction[]>;
+        default: () => never[];
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     closeable: {
         type: BooleanConstructor;
         default: true;
     };
     cancelText: StringConstructor;
     description: StringConstructor;
-    closeOnPopstate: BooleanConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeOnClickAction: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
     };
+};
+export declare type ActionSheetProps = ExtractPropTypes<typeof actionSheetProps>;
+declare const _default: import("vue").DefineComponent<{
+    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<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actions: {
+        type: import("vue").PropType<ActionSheetAction[]>;
+        default: () => never[];
+    };
     closeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    cancelText: StringConstructor;
+    description: StringConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickAction: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
@@ -72,13 +134,13 @@ declare const _default: import("vue").DefineComponent<{
     title?: unknown;
     round?: unknown;
     actions?: unknown;
+    closeIcon?: unknown;
     closeable?: unknown;
     cancelText?: unknown;
     description?: unknown;
     closeOnPopstate?: unknown;
     closeOnClickAction?: unknown;
     safeAreaInsetBottom?: unknown;
-    closeIcon?: unknown;
 } & {
     round: boolean;
     safeAreaInsetBottom: boolean;
@@ -88,9 +150,10 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
+    closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIcon: string;
+    actions: ActionSheetAction[];
     closeOnClickAction: boolean;
 } & {
     description?: string | undefined;
@@ -101,7 +164,6 @@ declare const _default: import("vue").DefineComponent<{
     beforeClose?: import("../utils").Interceptor | undefined;
     overlayStyle?: import("vue").CSSProperties | undefined;
     overlayClass?: unknown;
-    actions?: ActionSheetAction[] | undefined;
     cancelText?: string | undefined;
 }> & {
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -116,9 +178,10 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
+    closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIcon: string;
+    actions: ActionSheetAction[];
     closeOnClickAction: boolean;
 }>;
 export default _default;