vant 4.0.0-alpha.0 → 4.0.0-alpha.3

package/es/locale/lang/tr-TR.d.ts

@@ -50,10 +50,8 @@ declare const _default: {
     };
     vanAddressEdit: {
         area: string;
-        postal: string;
         areaEmpty: string;
         addressEmpty: string;
-        postalEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };

package/es/locale/lang/tr-TR.js

@@ -50,10 +50,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "Alan",
-    postal: "Posta",
     areaEmpty: "L\xFCtfen al\u0131c\u0131 alan\u0131n\u0131 se\xE7in",
     addressEmpty: "Adres bo\u015F olamaz!",
-    postalEmpty: "Yanl\u0131\u015F posta kodu",
     addressDetail: "Adres",
     defaultAddress: "Varsay\u0131lan adres olarak ayarla"
   },

package/es/locale/lang/uk-UA.d.ts

@@ -50,10 +50,8 @@ declare const _default: {
     };
     vanAddressEdit: {
         area: string;
-        postal: string;
         areaEmpty: string;
         addressEmpty: string;
-        postalEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };

package/es/locale/lang/uk-UA.js

@@ -58,10 +58,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "\u041E\u0431\u043B\u0430\u0441\u0442\u044C",
-    postal: "\u041F\u043E\u0448\u0442\u043E\u0432\u0438\u0439",
     areaEmpty: "\u0411\u0443\u0434\u044C \u043B\u0430\u0441\u043A\u0430, \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u0437\u043E\u043D\u0443 \u043F\u0440\u0438\u0439\u043E\u043C\u0443",
     addressEmpty: "\u0410\u0434\u0440\u0435\u0441\u0430 \u043D\u0435 \u043C\u043E\u0436\u0435 \u0431\u0443\u0442\u0438 \u043F\u043E\u0440\u043E\u0436\u043D\u044C\u043E\u044E",
-    postalEmpty: "\u041D\u0435\u043F\u0440\u0430\u0432\u0438\u043B\u044C\u043D\u0438\u0439 \u043F\u043E\u0448\u0442\u043E\u0432\u0438\u0439 \u0456\u043D\u0434\u0435\u043A\u0441",
     addressDetail: "\u0410\u0434\u0440\u0435\u0441\u0430",
     defaultAddress: "\u0412\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0438 \u044F\u043A \u0430\u0434\u0440\u0435\u0441\u0443 \u0437\u0430 \u0437\u0430\u043C\u043E\u0432\u0447\u0443\u0432\u0430\u043D\u043D\u044F\u043C"
   },

package/es/locale/lang/vi-VN.d.ts

@@ -50,10 +50,8 @@ declare const _default: {
     };
     vanAddressEdit: {
         area: string;
-        postal: string;
         areaEmpty: string;
         addressEmpty: string;
-        postalEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };

package/es/locale/lang/vi-VN.js

@@ -58,10 +58,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "Khu v\u1EF1c",
-    postal: "B\u01B0u \u0111i\u1EC7n",
     areaEmpty: "Vui l\xF2ng ch\u1ECDn khu v\u1EF1c nh\u1EADn h\xE0ng",
     addressEmpty: "\u0110\u1ECBa ch\u1EC9 kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng",
-    postalEmpty: "M\xE3 b\u01B0u ch\xEDnh sai",
     addressDetail: "\u0110\u1ECBa ch\u1EC9",
     defaultAddress: "\u0110\u1EB7t l\xE0m \u0111\u1ECBa ch\u1EC9 m\u1EB7c \u0111\u1ECBnh"
   },

package/es/locale/lang/zh-CN.d.ts

@@ -50,10 +50,8 @@ declare const _default: {
     };
     vanAddressEdit: {
         area: string;
-        postal: string;
         areaEmpty: string;
         addressEmpty: string;
-        postalEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };

package/es/locale/lang/zh-CN.js

@@ -50,10 +50,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "\u5730\u533A",
-    postal: "\u90AE\u653F\u7F16\u7801",
     areaEmpty: "\u8BF7\u9009\u62E9\u5730\u533A",
     addressEmpty: "\u8BF7\u586B\u5199\u8BE6\u7EC6\u5730\u5740",
-    postalEmpty: "\u90AE\u653F\u7F16\u7801\u4E0D\u6B63\u786E",
     addressDetail: "\u8BE6\u7EC6\u5730\u5740",
     defaultAddress: "\u8BBE\u4E3A\u9ED8\u8BA4\u6536\u8D27\u5730\u5740"
   },

package/es/locale/lang/zh-HK.d.ts

@@ -50,10 +50,8 @@ declare const _default: {
     };
     vanAddressEdit: {
         area: string;
-        postal: string;
         areaEmpty: string;
         addressEmpty: string;
-        postalEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };

package/es/locale/lang/zh-HK.js

@@ -50,10 +50,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "\u5730\u5340",
-    postal: "\u90F5\u653F\u7DE8\u78BC",
     areaEmpty: "\u8ACB\u9078\u64C7\u5730\u5340",
     addressEmpty: "\u8ACB\u586B\u5BEB\u8A73\u7D30\u5730\u5740",
-    postalEmpty: "\u90F5\u653F\u7DE8\u78BC\u4E0D\u6B63\u78BA",
     addressDetail: "\u8A73\u7D30\u5730\u5740",
     defaultAddress: "\u8A2D\u70BA\u9ED8\u8A8D\u6536\u8CA8\u5730\u5740"
   },

package/es/locale/lang/zh-TW.d.ts

@@ -50,10 +50,8 @@ declare const _default: {
     };
     vanAddressEdit: {
         area: string;
-        postal: string;
         areaEmpty: string;
         addressEmpty: string;
-        postalEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };

package/es/locale/lang/zh-TW.js

@@ -50,10 +50,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "\u5730\u5340",
-    postal: "\u90F5\u905E\u5340\u865F",
     areaEmpty: "\u8ACB\u9078\u64C7\u5730\u5340",
     addressEmpty: "\u8ACB\u586B\u5BEB\u8A73\u7D30\u5730\u5740",
-    postalEmpty: "\u90F5\u905E\u5340\u865F\u4E0D\u6B63\u78BA",
     addressDetail: "\u8A73\u7D30\u5730\u5740",
     defaultAddress: "\u8A2D\u70BA\u9810\u8A2D\u6536\u8CA8\u5730\u5740"
   },

package/es/nav-bar/NavBar.d.ts

@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     fixed: boolean;
     border: boolean;
     placeholder: boolean;
-    leftArrow: boolean;
     safeAreaInsetTop: boolean;
+    leftArrow: boolean;
 }>;
 export default _default;

package/es/nav-bar/NavBar.js

@@ -60,10 +60,10 @@ var stdin_default = defineComponent({
         "ref": navBarRef,
         "style": style,
         "class": [bem({
-          fixed,
-          "safe-area-inset-top": props.safeAreaInsetTop
+          fixed
         }), {
-          [BORDER_BOTTOM]: border
+          [BORDER_BOTTOM]: border,
+          "van-safe-area-top": props.safeAreaInsetTop
         }]
       }, [_createVNode("div", {
         "class": bem("content")

package/es/nav-bar/index.d.ts

@@ -31,8 +31,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     fixed: boolean;
     border: boolean;
     placeholder: boolean;
-    leftArrow: boolean;
     safeAreaInsetTop: boolean;
+    leftArrow: boolean;
 }>>;
 export default NavBar;
 export type { NavBarProps } from './NavBar';

package/es/notify/types.d.ts

@@ -1,5 +1,6 @@
 import { Notify } from './function-call';
-export declare type NotifyMessage = string | number;
+import type { Numeric } from '../utils';
+export declare type NotifyMessage = Numeric;
 export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
 export declare type NotifyPosition = 'top' | 'bottom';
 export declare type NotifyOptions = {

package/es/number-keyboard/NumberKeyboard.js

@@ -26,6 +26,15 @@ const numberKeyboardProps = {
     default: ""
   }
 };
+function shuffle(array) {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    const temp = array[i];
+    array[i] = array[j];
+    array[j] = temp;
+  }
+  return array;
+}
 var stdin_default = defineComponent({
   name,
   props: numberKeyboardProps,
@@ -40,7 +49,7 @@ var stdin_default = defineComponent({
         text: i + 1
       }));
       if (props.randomKeyOrder) {
-        keys2.sort(() => Math.random() > 0.5 ? 1 : -1);
+        shuffle(keys2);
       }
       return keys2;
     };

package/es/picker/Picker.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 import type { PickerColumn, PickerOption, PickerFieldNames, PickerToolbarPosition } from './types';
 export declare const pickerSharedProps: {
     title: StringConstructor;
@@ -53,7 +54,7 @@ declare const pickerProps: {
         default: () => never[];
     };
     modelValue: {
-        type: PropType<(string | number)[]>;
+        type: PropType<Numeric[]>;
         default: () => never[];
     };
     toolbarPosition: {
@@ -92,7 +93,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: PropType<(string | number)[]>;
+        type: PropType<Numeric[]>;
         default: () => never[];
     };
     toolbarPosition: {
@@ -129,7 +130,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: PropType<(string | number)[]>;
+        type: PropType<Numeric[]>;
         default: () => never[];
     };
     toolbarPosition: {
@@ -143,7 +144,7 @@ declare const _default: import("vue").DefineComponent<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: (string | number)[];
+    modelValue: Numeric[];
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;

package/es/picker/index.css

@@ -1 +1 @@
-body{--van-picker-background: var(--van-background-2);--van-picker-toolbar-height: 44px;--van-picker-title-font-size: var(--van-font-size-lg);--van-picker-title-line-height: var(--van-line-height-md);--van-picker-action-padding: 0 var(--van-padding-md);--van-picker-action-font-size: var(--van-font-size-md);--van-picker-confirm-action-color: var(--van-link-color);--van-picker-cancel-action-color: var(--van-text-color-2);--van-picker-option-font-size: var(--van-font-size-lg);--van-picker-option-padding: 0 var(--van-padding-base);--van-picker-option-text-color: var(--van-text-color);--van-picker-option-disabled-opacity: .3;--van-picker-loading-icon-color: var(--van-primary-color);--van-picker-loading-mask-color: rgba(255, 255, 255, .9);--van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4))}.van-theme-dark{--van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.van-picker{position:relative;background:var(--van-picker-background);-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--van-picker-toolbar-height)}.van-picker__cancel,.van-picker__confirm{height:100%;padding:var(--van-picker-action-padding);font-size:var(--van-picker-action-font-size);background-color:transparent;border:none}.van-picker__confirm{color:var(--van-picker-confirm-action-color)}.van-picker__cancel{color:var(--van-picker-cancel-action-color)}.van-picker__title{max-width:50%;font-weight:var(--van-font-bold);font-size:var(--van-picker-title-font-size);line-height:var(--van-picker-title-line-height);text-align:center}.van-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--van-picker-loading-icon-color);background:var(--van-picker-loading-mask-color)}.van-picker__frame{position:absolute;top:50%;right:var(--van-padding-md);left:var(--van-padding-md);z-index:2;transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--van-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.van-picker-column{flex:1;overflow:hidden;font-size:var(--van-picker-option-font-size)}.van-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--van-picker-option-padding);color:var(--van-picker-option-text-color)}.van-picker-column__item--disabled{cursor:not-allowed;opacity:var(--van-picker-option-disabled-opacity)}
+body{--van-picker-background: var(--van-background-2);--van-picker-toolbar-height: 44px;--van-picker-title-font-size: var(--van-font-size-lg);--van-picker-title-line-height: var(--van-line-height-md);--van-picker-action-padding: 0 var(--van-padding-md);--van-picker-action-font-size: var(--van-font-size-md);--van-picker-confirm-action-color: var(--van-link-color);--van-picker-cancel-action-color: var(--van-text-color-2);--van-picker-option-font-size: var(--van-font-size-lg);--van-picker-option-padding: 0 var(--van-padding-base);--van-picker-option-text-color: var(--van-text-color);--van-picker-option-disabled-opacity: .3;--van-picker-loading-icon-color: var(--van-primary-color);--van-picker-loading-mask-color: rgba(255, 255, 255, .9);--van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4))}.van-theme-dark{--van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.van-picker{position:relative;background:var(--van-picker-background);-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--van-picker-toolbar-height)}.van-picker__cancel,.van-picker__confirm{height:100%;padding:var(--van-picker-action-padding);font-size:var(--van-picker-action-font-size);background-color:transparent;border:none}.van-picker__confirm{color:var(--van-picker-confirm-action-color)}.van-picker__cancel{color:var(--van-picker-cancel-action-color)}.van-picker__title{color:var(--van-text-color);max-width:50%;font-weight:var(--van-font-bold);font-size:var(--van-picker-title-font-size);line-height:var(--van-picker-title-line-height);text-align:center}.van-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--van-picker-loading-icon-color);background:var(--van-picker-loading-mask-color)}.van-picker__frame{position:absolute;top:50%;right:var(--van-padding-md);left:var(--van-padding-md);z-index:2;transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--van-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.van-picker-column{flex:1;overflow:hidden;font-size:var(--van-picker-option-font-size)}.van-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--van-picker-option-padding);color:var(--van-picker-option-text-color)}.van-picker-column__item--disabled{cursor:not-allowed;opacity:var(--van-picker-option-disabled-opacity)}

package/es/picker/index.d.ts

@@ -28,7 +28,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
         default: () => never[];
     };
     modelValue: {
-        type: import("vue").PropType<(string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric[]>;
         default: () => never[];
     };
     toolbarPosition: {
@@ -65,7 +65,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
         default: () => never[];
     };
     modelValue: {
-        type: import("vue").PropType<(string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric[]>;
         default: () => never[];
     };
     toolbarPosition: {
@@ -79,7 +79,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: (string | number)[];
+    modelValue: import("../utils").Numeric[];
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;

package/es/picker/index.less

@@ -60,6 +60,7 @@ body {
   }
 
   &__title {
+    color: var(--van-text-color);
     max-width: 50%;
     font-weight: var(--van-font-bold);
     font-size: var(--van-picker-title-font-size);

package/es/picker/types.d.ts

@@ -1,4 +1,5 @@
 import type { ComponentPublicInstance } from 'vue';
+import type { Numeric } from '../utils';
 import type { PickerProps } from './Picker';
 export declare type PickerToolbarPosition = 'top' | 'bottom';
 export declare type PickerFieldNames = {
@@ -7,8 +8,8 @@ export declare type PickerFieldNames = {
     children?: string;
 };
 export declare type PickerOption = {
-    text?: string | number;
-    value?: string | number;
+    text?: Numeric;
+    value?: Numeric;
     disabled?: boolean;
     children?: PickerColumn;
     className?: unknown;
@@ -34,7 +35,7 @@ export declare type PickerColumnProvide = {
 };
 export declare type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;
 export declare type PickerConfirmEventParams = {
-    selectedValues: Array<number | string>;
+    selectedValues: Numeric[];
     selectedOptions: Array<PickerOption | undefined>;
 };
 export declare type PickerCancelEventParams = PickerConfirmEventParams;

package/es/picker/utils.d.ts

@@ -1,10 +1,11 @@
+import { type Numeric } from '../utils';
 import type { Ref } from 'vue';
 import type { PickerOption, PickerColumn, PickerFieldNames } from './types';
 export declare const getFirstEnabledOption: (options: PickerOption[]) => PickerOption | undefined;
 export declare function getColumnsType(columns: PickerColumn | PickerColumn[], fields: Required<PickerFieldNames>): "default" | "multiple" | "cascade";
 export declare function findIndexOfEnabledOption(options: PickerOption[], index: number): number;
-export declare const isOptionExist: (options: PickerOption[], value: number | string | undefined, fields: Required<PickerFieldNames>) => boolean;
-export declare function findOptionByValue(options: PickerOption[], value: number | string, fields: Required<PickerFieldNames>): PickerOption | undefined;
-export declare function formatCascadeColumns(columns: PickerColumn | PickerColumn[], fields: Required<PickerFieldNames>, selectedValues: Ref<Array<number | string>>): PickerColumn[];
+export declare const isOptionExist: (options: PickerOption[], value: Numeric | undefined, fields: Required<PickerFieldNames>) => boolean;
+export declare function findOptionByValue(options: PickerOption[], value: Numeric, fields: Required<PickerFieldNames>): PickerOption | undefined;
+export declare function formatCascadeColumns(columns: PickerColumn | PickerColumn[], fields: Required<PickerFieldNames>, selectedValues: Ref<Numeric[]>): PickerColumn[];
 export declare function getElementTranslateY(element: Element): number;
 export declare function assignDefaultFields(fields: PickerFieldNames | undefined): Required<PickerFieldNames>;

package/es/popup/Popup.d.ts

@@ -43,6 +43,7 @@ declare const popupProps: {
         type: import("vue").PropType<PopupCloseIconPosition>;
         default: PopupCloseIconPosition;
     };
+    safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
 };
 export declare type PopupProps = ExtractPropTypes<typeof popupProps>;
@@ -89,6 +90,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<PopupCloseIconPosition>;
         default: PopupCloseIconPosition;
     };
+    safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
@@ -133,6 +135,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<PopupCloseIconPosition>;
         default: PopupCloseIconPosition;
     };
+    safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
@@ -157,5 +160,6 @@ declare const _default: import("vue").DefineComponent<{
     closeable: boolean;
     closeOnPopstate: boolean;
     closeIconPosition: PopupCloseIconPosition;
+    safeAreaInsetTop: boolean;
 }>;
 export default _default;

package/es/popup/Popup.js

@@ -18,6 +18,7 @@ const popupProps = extend({}, popupSharedProps, {
   iconPrefix: String,
   closeOnPopstate: Boolean,
   closeIconPosition: makeStringProp("top-right"),
+  safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: Boolean
 });
 const [name, bem] = createNamespace("popup");
@@ -112,6 +113,7 @@ var stdin_default = defineComponent({
       const {
         round,
         position,
+        safeAreaInsetTop,
         safeAreaInsetBottom
       } = props;
       return _withDirectives(_createVNode("div", _mergeProps({
@@ -121,6 +123,7 @@ var stdin_default = defineComponent({
           round,
           [position]: position
         }), {
+          "van-safe-area-top": safeAreaInsetTop,
           "van-safe-area-bottom": safeAreaInsetBottom
         }],
         "onKeydown": onKeydown

package/es/popup/index.css

@@ -1 +1 @@
-body{--van-popup-background: var(--van-background-2);--van-popup-transition: transform var(--van-duration-base);--van-popup-round-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--van-popup-background);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate(-50%,-50%)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)}.van-popup--right{top:50%;right:0;transform:translateY(-50%)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translateY(-50%)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0}.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{transition-timing-function:var(--van-ease-in)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translateY(-100%)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate(100%,-50%)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translateY(100%)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate(-100%,-50%)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}
+body{--van-popup-background: var(--van-background-2);--van-popup-transition: transform var(--van-duration-base);--van-popup-round-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--van-popup-background);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)}.van-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0}.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{transition-timing-function:var(--van-ease-in)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}

package/es/popup/index.d.ts

@@ -41,6 +41,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./types").PopupCloseIconPosition>;
         default: import("./types").PopupCloseIconPosition;
     };
+    safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
@@ -85,6 +86,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./types").PopupCloseIconPosition>;
         default: import("./types").PopupCloseIconPosition;
     };
+    safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
@@ -109,6 +111,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     closeable: boolean;
     closeOnPopstate: boolean;
     closeIconPosition: import("./types").PopupCloseIconPosition;
+    safeAreaInsetTop: boolean;
 }>>;
 export default Popup;
 export type { PopupProps } from './Popup';

package/es/progress/Progress.d.ts

@@ -1,4 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 declare const progressProps: {
     color: StringConstructor;
     inactive: BooleanConstructor;
@@ -14,7 +15,7 @@ declare const progressProps: {
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
-        validator: (value: number | string) => boolean;
+        validator: (value: Numeric) => boolean;
     };
 };
 export declare type ProgressProps = ExtractPropTypes<typeof progressProps>;
@@ -33,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
-        validator: (value: string | number) => boolean;
+        validator: (value: Numeric) => boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     color: StringConstructor;
@@ -50,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
-        validator: (value: string | number) => boolean;
+        validator: (value: Numeric) => boolean;
     };
 }>>, {
     inactive: boolean;

package/es/progress/index.d.ts

@@ -14,7 +14,7 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
-        validator: (value: string | number) => boolean;
+        validator: (value: import("../utils").Numeric) => boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     color: StringConstructor;
@@ -31,7 +31,7 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
     percentage: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
-        validator: (value: string | number) => boolean;
+        validator: (value: import("../utils").Numeric) => boolean;
     };
 }>>, {
     inactive: boolean;

package/es/rate/Rate.js

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
+import { computed, defineComponent, ref } from "vue";
 import { addUnit, truthProp, numericProp, preventDefault, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from "../utils";
 import { useRect, useCustomFieldValue } from "@vant/use";
 import { useRefs } from "../composables/use-refs";
@@ -56,33 +56,53 @@ var stdin_default = defineComponent({
   }) {
     const touch = useTouch();
     const [itemRefs, setItemRefs] = useRefs();
+    const groupRef = ref();
     const untouchable = () => props.readonly || props.disabled || !props.touchable;
     const list = computed(() => Array(+props.count).fill("").map((_, i) => getRateStatus(props.modelValue, i + 1, props.allowHalf, props.readonly)));
     let ranges;
+    let groupRefRect;
+    let minRectTop = Number.MAX_SAFE_INTEGER;
+    let maxRectTop = Number.MIN_SAFE_INTEGER;
     const updateRanges = () => {
+      groupRefRect = useRect(groupRef);
       const rects = itemRefs.value.map(useRect);
       ranges = [];
       rects.forEach((rect, index) => {
+        minRectTop = Math.min(rect.top, minRectTop);
+        maxRectTop = Math.max(rect.top, maxRectTop);
         if (props.allowHalf) {
           ranges.push({
             score: index + 0.5,
-            left: rect.left
+            left: rect.left,
+            top: rect.top,
+            height: rect.height
           }, {
             score: index + 1,
-            left: rect.left + rect.width / 2
+            left: rect.left + rect.width / 2,
+            top: rect.top,
+            height: rect.height
           });
         } else {
           ranges.push({
             score: index + 1,
-            left: rect.left
+            left: rect.left,
+            top: rect.top,
+            height: rect.height
           });
         }
       });
     };
-    const getScoreByPosition = (x) => {
+    const getScoreByPosition = (x, y) => {
       for (let i = ranges.length - 1; i > 0; i--) {
-        if (x > ranges[i].left) {
-          return ranges[i].score;
+        if (y >= groupRefRect.top && y <= groupRefRect.bottom) {
+          if (x > ranges[i].left && y >= ranges[i].top && y <= ranges[i].top + ranges[i].height) {
+            return ranges[i].score;
+          }
+        } else {
+          const curTop = y < groupRefRect.top ? minRectTop : maxRectTop;
+          if (x > ranges[i].left && ranges[i].top === curTop) {
+            return ranges[i].score;
+          }
         }
       }
       return props.allowHalf ? 0.5 : 1;
@@ -107,10 +127,11 @@ var stdin_default = defineComponent({
       touch.move(event);
       if (touch.isHorizontal()) {
         const {
-          clientX
+          clientX,
+          clientY
         } = event.touches[0];
         preventDefault(event);
-        select(getScoreByPosition(clientX));
+        select(getScoreByPosition(clientX, clientY));
       }
     };
     const renderStar = (item, index) => {
@@ -139,7 +160,7 @@ var stdin_default = defineComponent({
       }
       const onClickItem = (event) => {
         updateRanges();
-        select(allowHalf ? getScoreByPosition(event.clientX) : score);
+        select(allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score);
       };
       return _createVNode("div", {
         "key": index,
@@ -177,6 +198,7 @@ var stdin_default = defineComponent({
     };
     useCustomFieldValue(() => props.modelValue);
     return () => _createVNode("div", {
+      "ref": groupRef,
       "role": "radiogroup",
       "class": bem({
         readonly: props.readonly,

package/es/search/Search.d.ts

@@ -21,6 +21,7 @@ declare const searchProps: {
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
@@ -81,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
@@ -139,6 +141,7 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;

package/es/search/index.css

@@ -1 +1 @@
-body{--van-search-padding: 10px var(--van-padding-sm);--van-search-background: var(--van-background-2);--van-search-content-background: var(--van-gray-1);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background);border-radius:var(--van-radius-sm)}.van-search__content--round{border-radius:var(--van-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;padding:5px var(--van-padding-xs) 5px 0;background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}
+body{--van-search-padding: 10px var(--van-padding-sm);--van-search-background: var(--van-background-2);--van-search-content-background: var(--van-background);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background);border-radius:var(--van-radius-sm)}.van-search__content--round{border-radius:var(--van-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;padding:5px var(--van-padding-xs) 5px 0;background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}