vant 4.6.2 → 4.6.4-beta.0

package/es/utils/basic.d.ts

@@ -9,6 +9,14 @@ export declare const extend: {
 export declare const inBrowser: boolean;
 export type Numeric = number | string;
 export type ComponentInstance = ComponentPublicInstance<{}, any>;
+export declare const isObject: (val: unknown) => val is Record<any, any>;
+export declare const isDef: <T>(val: T) => val is NonNullable<T>;
+export declare const isFunction: (val: unknown) => val is Function;
+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 const isNumeric: (val: Numeric) => val is string;
+export declare const isIOS: () => boolean;
 export declare function get(object: any, path: string): any;
 export type Writeable<T> = {
     -readonly [P in keyof T]: T[P];

package/es/utils/basic.mjs

@@ -1,8 +1,18 @@
-import { isObject } from "./validate.mjs";
 function noop() {
 }
 const extend = Object.assign;
 const inBrowser = typeof window !== "undefined";
+const isObject = (val) => val !== null && typeof val === "object";
+const isDef = (val) => val !== void 0 && val !== null;
+const isFunction = (val) => typeof val === "function";
+const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
+const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
+function isMobile(value) {
+  value = value.replace(/[^-|\d]/g, "");
+  return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
+}
+const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
+const isIOS = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 function get(object, path) {
   const keys = path.split(".");
   let result = object;
@@ -13,12 +23,15 @@ function get(object, path) {
   return result;
 }
 function pick(obj, keys, ignoreUndefined) {
-  return keys.reduce((ret, key) => {
-    if (!ignoreUndefined || obj[key] !== void 0) {
-      ret[key] = obj[key];
-    }
-    return ret;
-  }, {});
+  return keys.reduce(
+    (ret, key) => {
+      if (!ignoreUndefined || obj[key] !== void 0) {
+        ret[key] = obj[key];
+      }
+      return ret;
+    },
+    {}
+  );
 }
 const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
 const toArray = (item) => Array.isArray(item) ? item : [item];
@@ -26,6 +39,14 @@ export {
   extend,
   get,
   inBrowser,
+  isDate,
+  isDef,
+  isFunction,
+  isIOS,
+  isMobile,
+  isNumeric,
+  isObject,
+  isPromise,
   isSameValue,
   noop,
   pick,

package/es/utils/create.mjs

@@ -1,6 +1,5 @@
-import { get } from "./basic.mjs";
+import { get, isFunction } from "./basic.mjs";
 import { camelize } from "./format.mjs";
-import { isFunction } from "./validate.mjs";
 import locale from "../locale/index.mjs";
 function createTranslate(name) {
   const prefix = camelize(name) + ".";

package/es/utils/deep-assign.mjs

@@ -1,4 +1,4 @@
-import { isDef, isObject } from "./validate.mjs";
+import { isDef, isObject } from "./basic.mjs";
 const { hasOwnProperty } = Object.prototype;
 function assignKey(to, from, key) {
   const val = from[key];

package/es/utils/deep-clone.mjs

@@ -1,4 +1,4 @@
-import { isDef, isObject } from "./validate.mjs";
+import { isDef, isObject } from "./basic.mjs";
 function deepClone(obj) {
   if (!isDef(obj)) {
     return obj;

package/es/utils/dom.mjs

@@ -1,6 +1,6 @@
 import { useRect, useWindowSize } from "@vant/use";
 import { unref } from "vue";
-import { isIOS as checkIsIOS } from "./validate.mjs";
+import { isIOS as checkIsIOS } from "./basic.mjs";
 function getScrollTop(el) {
   const top = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
   return Math.max(top, 0);

package/es/utils/format.mjs

@@ -1,6 +1,6 @@
 import { inBrowser } from "./basic.mjs";
 import { windowWidth, windowHeight } from "./dom.mjs";
-import { isDef, isNumeric } from "./validate.mjs";
+import { isDef, isNumeric } from "./basic.mjs";
 function addUnit(value) {
   if (isDef(value)) {
     return isNumeric(value) ? `${value}px` : String(value);

package/es/utils/index.d.ts

@@ -4,7 +4,6 @@ export * from './dom';
 export * from './create';
 export * from './format';
 export * from './constant';
-export * from './validate';
 export * from './interceptor';
 export * from './with-install';
 export * from './closest';

package/es/utils/index.mjs

@@ -4,7 +4,6 @@ export * from "./dom.mjs";
 export * from "./create.mjs";
 export * from "./format.mjs";
 export * from "./constant.mjs";
-export * from "./validate.mjs";
 export * from "./interceptor.mjs";
 export * from "./with-install.mjs";
 export * from "./closest.mjs";

package/es/utils/interceptor.mjs

@@ -1,5 +1,4 @@
-import { noop } from "./basic.mjs";
-import { isPromise } from "./validate.mjs";
+import { noop, isPromise } from "./basic.mjs";
 function callInterceptor(interceptor, {
   args = [],
   done,

package/lib/address-list/AddressList.d.ts

@@ -15,6 +15,10 @@ export declare const addressListProps: {
         type: import("vue").PropType<AddressListAddress[]>;
         default: () => never[];
     };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
@@ -38,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<AddressListAddress[]>;
         default: () => never[];
     };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
@@ -59,6 +67,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<AddressListAddress[]>;
         default: () => never[];
     };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
@@ -78,5 +90,6 @@ declare const _default: import("vue").DefineComponent<{
     switchable: boolean;
     list: AddressListAddress[];
     disabledList: AddressListAddress[];
+    showAddButton: boolean;
 }, {}>;
 export default _default;

package/lib/address-list/AddressList.js

@@ -44,6 +44,7 @@ const addressListProps = {
   switchable: import_utils.truthProp,
   disabledText: String,
   disabledList: (0, import_utils.makeArrayProp)(),
+  showAddButton: import_utils.truthProp,
   addButtonText: String,
   defaultTagText: String,
   rightIcon: (0, import_utils.makeStringProp)("edit")
@@ -85,7 +86,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return list.map((item, index) => renderItem(item, index, disabled));
       }
     };
-    const renderBottom = () => (0, import_vue.createVNode)("div", {
+    const renderBottom = () => props.showAddButton ? (0, import_vue.createVNode)("div", {
       "class": [bem("bottom"), "van-safe-area-bottom"]
     }, [(0, import_vue.createVNode)(import_button.Button, {
       "round": true,
@@ -94,7 +95,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "text": props.addButtonText || t("add"),
       "class": bem("add"),
       "onClick": () => emit("add")
-    }, null)]);
+    }, null)]) : void 0;
     return () => {
       var _a, _b;
       const List = renderList(props.list);

package/lib/address-list/index.d.ts

@@ -13,6 +13,10 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
         default: () => never[];
     };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
@@ -34,6 +38,10 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
         default: () => never[];
     };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
@@ -53,6 +61,7 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     switchable: boolean;
     list: import("./AddressListItem").AddressListAddress[];
     disabledList: import("./AddressListItem").AddressListAddress[];
+    showAddButton: boolean;
 }, {}>>;
 export default AddressList;
 export { addressListProps } from './AddressList';

package/lib/checkbox/Checkbox.d.ts

@@ -1,18 +1,15 @@
-import { type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { type CheckerShape } from './Checker';
 export declare const checkboxProps: {
-    name: import("vue").PropType<unknown>;
+    name: PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
+    shape: PropType<CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -20,35 +17,29 @@ export declare const checkboxProps: {
 };
 export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<{
-    name: import("vue").PropType<unknown>;
+    name: PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
+    shape: PropType<CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    name: import("vue").PropType<unknown>;
+    name: PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
+    shape: PropType<CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -58,7 +49,6 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    shape: CheckerShape;
     labelDisabled: boolean;
     bindGroup: boolean;
 }, {}>;

package/lib/checkbox/Checkbox.js

@@ -40,7 +40,7 @@ var import_use_expose = require("../composables/use-expose");
 var import_Checker = __toESM(require("./Checker"));
 const [name, bem] = (0, import_utils.createNamespace)("checkbox");
 const checkboxProps = (0, import_utils.extend)({}, import_Checker.checkerProps, {
-  shape: (0, import_utils.makeStringProp)("round"),
+  shape: String,
   bindGroup: import_utils.truthProp
 });
 var stdin_default = (0, import_vue2.defineComponent)({

package/lib/checkbox/Checker.d.ts

@@ -1,16 +1,18 @@
 import { type PropType } from 'vue';
 import { type Numeric } from '../utils';
+import type { RadioShape } from '../radio';
 export type CheckerShape = 'square' | 'round';
 export type CheckerDirection = 'horizontal' | 'vertical';
 export type CheckerLabelPosition = 'left' | 'right';
 export type CheckerParent = {
     props: {
+        max?: Numeric;
+        shape?: CheckerShape | RadioShape;
         disabled?: boolean;
         iconSize?: Numeric;
         direction?: CheckerDirection;
-        checkedColor?: string;
         modelValue?: unknown | unknown[];
-        max?: Numeric;
+        checkedColor?: string;
     };
 };
 export declare const checkerProps: {
@@ -36,10 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     role: StringConstructor;
-    shape: {
-        type: PropType<"dot" | "round" | "square">;
-        default: "dot" | "round" | "square";
-    };
+    shape: PropType<"dot" | "round" | "square">;
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
     bindGroup: {
@@ -60,10 +59,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     role: StringConstructor;
-    shape: {
-        type: PropType<"dot" | "round" | "square">;
-        default: "dot" | "round" | "square";
-    };
+    shape: PropType<"dot" | "round" | "square">;
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
     bindGroup: {
@@ -76,7 +72,6 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     checked: boolean;
     disabled: boolean;
-    shape: "dot" | "round" | "square";
     labelDisabled: boolean;
     bindGroup: boolean;
 }, {}>;

package/lib/checkbox/Checker.js

@@ -38,7 +38,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
   props: (0, import_utils.extend)({}, checkerProps, {
     bem: (0, import_utils.makeRequiredProp)(Function),
     role: String,
-    shape: (0, import_utils.makeStringProp)("round"),
+    shape: String,
     parent: Object,
     checked: Boolean,
     bindGroup: import_utils.truthProp
@@ -77,6 +77,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         };
       }
     });
+    const shape = (0, import_vue2.computed)(() => {
+      return props.shape || getParentProp("shape") || "round";
+    });
     const onClick = (event) => {
       const {
         target
@@ -92,17 +95,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
       var _a, _b;
       const {
         bem,
-        shape,
         checked
       } = props;
       const iconSize = props.iconSize || getParentProp("iconSize");
       return (0, import_vue.createVNode)("div", {
         "ref": iconRef,
-        "class": bem("icon", [shape, {
+        "class": bem("icon", [shape.value, {
           disabled: disabled.value,
           checked
         }]),
-        "style": shape !== "dot" ? {
+        "style": shape.value !== "dot" ? {
           fontSize: (0, import_utils.addUnit)(iconSize)
         } : {
           width: (0, import_utils.addUnit)(iconSize),
@@ -112,7 +114,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
-      }) : shape !== "dot" ? (0, import_vue.createVNode)(import_icon.Icon, {
+      }) : shape.value !== "dot" ? (0, import_vue.createVNode)(import_icon.Icon, {
         "name": "success",
         "style": iconStyle.value
       }, null) : (0, import_vue.createVNode)("div", {

package/lib/checkbox/index.d.ts

@@ -7,10 +7,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
+    shape: import("vue").PropType<import("./Checker").CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -24,10 +21,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
+    shape: import("vue").PropType<import("./Checker").CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -37,7 +31,6 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    shape: import("./Checker").CheckerShape;
     labelDisabled: boolean;
     bindGroup: boolean;
 }, {}>>;

package/lib/checkbox-group/CheckboxGroup.d.ts

@@ -1,8 +1,12 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
-import type { CheckerDirection } from '../checkbox/Checker';
+import type { CheckerShape, CheckerDirection } from '../checkbox/Checker';
 import type { CheckboxGroupProvide } from './types';
 export declare const checkboxGroupProps: {
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
@@ -16,6 +20,10 @@ export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
 export declare const CHECKBOX_GROUP_KEY: InjectionKey<CheckboxGroupProvide>;
 declare const _default: import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
@@ -26,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
     checkedColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
@@ -39,6 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    shape: CheckerShape;
     modelValue: unknown[];
 }, {}>;
 export default _default;

package/lib/checkbox-group/CheckboxGroup.js

@@ -30,6 +30,7 @@ var import_use_expose = require("../composables/use-expose");
 const [name, bem] = (0, import_utils.createNamespace)("checkbox-group");
 const checkboxGroupProps = {
   max: import_utils.numericProp,
+  shape: (0, import_utils.makeStringProp)("round"),
   disabled: Boolean,
   iconSize: import_utils.numericProp,
   direction: String,

package/lib/checkbox-group/index.d.ts

@@ -1,5 +1,9 @@
 export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
@@ -10,6 +14,10 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     checkedColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
@@ -23,6 +31,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    shape: import("../checkbox/Checker").CheckerShape;
     modelValue: unknown[];
 }, {}>>;
 export default CheckboxGroup;

package/lib/floating-bubble/index.d.ts

@@ -58,6 +58,6 @@ export type { FloatingBubbleProps } from './FloatingBubble';
 export type { FloatingBubbleThemeVars, FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
-        FloatingBubble: typeof FloatingBubble;
+        VanFloatingBubble: typeof FloatingBubble;
     }
 }