vant 4.8.1 → 4.8.3

package/lib/toast/Toast.d.ts

@@ -33,6 +33,7 @@ export declare const toastProps: {
     overlayStyle: PropType<CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
 };
 export type ToastProps = ExtractPropTypes<typeof toastProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -67,7 +68,8 @@ declare const _default: import("vue").DefineComponent<{
     overlayStyle: PropType<CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    zIndex: (NumberConstructor | StringConstructor)[];
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     icon: StringConstructor;
     show: BooleanConstructor;
     type: {
@@ -99,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{
     overlayStyle: PropType<CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
 }>> & {
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }, {

package/lib/toast/Toast.js

@@ -29,7 +29,7 @@ var import_icon = require("../icon");
 var import_popup = require("../popup");
 var import_loading = require("../loading");
 const [name, bem] = (0, import_utils.createNamespace)("toast");
-const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
+const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay", "zIndex"];
 const toastProps = {
   icon: String,
   show: Boolean,
@@ -49,7 +49,8 @@ const toastProps = {
   overlayClass: import_utils.unknownProp,
   overlayStyle: Object,
   closeOnClick: Boolean,
-  closeOnClickOverlay: Boolean
+  closeOnClickOverlay: Boolean,
+  zIndex: import_utils.numericProp
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,

package/lib/toast/index.css

@@ -1 +1 @@
-:root{--van-toast-max-width: 70%;--van-toast-font-size: var(--van-font-size-md);--van-toast-text-color: var(--van-white);--van-toast-loading-icon-color: var(--van-white);--van-toast-line-height: var(--van-line-height-md);--van-toast-radius: var(--van-radius-lg);--van-toast-background: rgba(0, 0, 0, .7);--van-toast-icon-size: 36px;--van-toast-text-min-width: 96px;--van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding: var(--van-padding-md);--van-toast-default-width: 88px;--van-toast-default-min-height: 88px;--van-toast-position-top-distance: 20%;--van-toast-position-bottom-distance: 20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;word-break:break-all;text-align:center;background:var(--van-toast-background);border-radius:var(--van-toast-radius)}.van-toast--break-normal{word-break:normal;word-wrap:normal}.van-toast--break-word{word-break:normal;word-wrap:break-word}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--text,.van-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}
+:root,:host{--van-toast-max-width: 70%;--van-toast-font-size: var(--van-font-size-md);--van-toast-text-color: var(--van-white);--van-toast-loading-icon-color: var(--van-white);--van-toast-line-height: var(--van-line-height-md);--van-toast-radius: var(--van-radius-lg);--van-toast-background: rgba(0, 0, 0, .7);--van-toast-icon-size: 36px;--van-toast-text-min-width: 96px;--van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding: var(--van-padding-md);--van-toast-default-width: 88px;--van-toast-default-min-height: 88px;--van-toast-position-top-distance: 20%;--van-toast-position-bottom-distance: 20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;word-break:break-all;text-align:center;background:var(--van-toast-background);border-radius:var(--van-toast-radius)}.van-toast--break-normal{word-break:normal;word-wrap:normal}.van-toast--break-word{word-break:normal;word-wrap:break-word}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--text,.van-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}

package/lib/toast/index.d.ts

@@ -30,7 +30,8 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    zIndex: (NumberConstructor | StringConstructor)[];
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     show: BooleanConstructor;
     type: {
@@ -62,6 +63,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
 }>> & {
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }, {

package/lib/toast/types.d.ts

@@ -9,8 +9,6 @@ export type ToastOptions = {
     type?: ToastType;
     mask?: boolean;
     message?: Numeric;
-    onClose?: () => void;
-    onOpened?: () => void;
     overlay?: boolean;
     duration?: number;
     teleport?: TeleportProps['to'];
@@ -26,6 +24,9 @@ export type ToastOptions = {
     overlayClass?: unknown;
     overlayStyle?: Record<string, any>;
     closeOnClickOverlay?: boolean;
+    zIndex?: Numeric;
+    onClose?: () => void;
+    onOpened?: () => void;
 };
 export type ToastWrapperInstance = ComponentPublicInstance<{
     message: Numeric;

package/lib/tree-select/TreeSelect.d.ts

@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Numeric | Numeric[]>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex")[], "clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex")[], "clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     max: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;

package/lib/tree-select/index.css

@@ -1 +1 @@
-:root{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-primary-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}
+:root,:host{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-primary-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}

package/lib/tree-select/index.d.ts

@@ -23,7 +23,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex")[], "clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex")[], "clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     max: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;

package/lib/uploader/Uploader.d.ts

@@ -1,7 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor, type Numeric } from '../utils';
 import { type ImagePreviewOptions } from '../image-preview';
-import type { ImageFit } from '../image';
 import type { UploaderMaxSize, UploaderAfterRead, UploaderBeforeRead, UploaderResultType, UploaderFileListItem } from './types';
 export declare const uploaderProps: {
     name: {
@@ -22,8 +21,8 @@ export declare const uploaderProps: {
         default: number;
     };
     imageFit: {
-        type: PropType<ImageFit>;
-        default: ImageFit;
+        type: PropType<import("csstype").Property.ObjectFit | undefined>;
+        default: import("csstype").Property.ObjectFit | undefined;
     };
     resultType: {
         type: PropType<UploaderResultType>;
@@ -85,8 +84,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     imageFit: {
-        type: PropType<ImageFit>;
-        default: ImageFit;
+        type: PropType<import("csstype").Property.ObjectFit | undefined>;
+        default: import("csstype").Property.ObjectFit | undefined;
     };
     resultType: {
         type: PropType<UploaderResultType>;
@@ -127,7 +126,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<UploaderMaxSize>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload")[], "update:modelValue" | "delete" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload")[], "delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -146,8 +145,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     imageFit: {
-        type: PropType<ImageFit>;
-        default: ImageFit;
+        type: PropType<import("csstype").Property.ObjectFit | undefined>;
+        default: import("csstype").Property.ObjectFit | undefined;
     };
     resultType: {
         type: PropType<UploaderResultType>;
@@ -205,7 +204,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     lazyLoad: boolean;
     maxCount: string | number;
-    imageFit: ImageFit;
+    imageFit: import("csstype").Property.ObjectFit | undefined;
     resultType: UploaderResultType;
     uploadIcon: string;
     deletable: boolean;

package/lib/uploader/UploaderPreviewItem.d.ts

@@ -1,6 +1,5 @@
 import { type PropType } from 'vue';
 import { type Numeric, type Interceptor } from '../utils';
-import { ImageFit } from '../image';
 import type { UploaderFileListItem } from './types';
 declare const _default: import("vue").DefineComponent<{
     name: (NumberConstructor | StringConstructor)[];
@@ -9,20 +8,20 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     index: NumberConstructor;
-    imageFit: PropType<ImageFit>;
+    imageFit: PropType<import("csstype").Property.ObjectFit | undefined>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
     reupload: BooleanConstructor;
     previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "reupload" | "preview")[], "delete" | "reupload" | "preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "reupload" | "preview")[], "delete" | "reupload" | "preview", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: (NumberConstructor | StringConstructor)[];
     item: {
         type: PropType<UploaderFileListItem>;
         required: true;
     };
     index: NumberConstructor;
-    imageFit: PropType<ImageFit>;
+    imageFit: PropType<import("csstype").Property.ObjectFit | undefined>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
     reupload: BooleanConstructor;

package/lib/uploader/index.css

@@ -1 +1 @@
-:root{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity);--van-uploader-border-radius: 0px}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden;border-radius:var(--van-uploader-border-radius)}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}
+:root,:host{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity);--van-uploader-border-radius: 0px}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden;border-radius:var(--van-uploader-border-radius)}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background);border-radius:var(--van-uploader-border-radius)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}

package/lib/uploader/index.d.ts

@@ -18,8 +18,8 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         default: number;
     };
     imageFit: {
-        type: import("vue").PropType<import("..").ImageFit>;
-        default: import("..").ImageFit;
+        type: import("vue").PropType<import("csstype").Property.ObjectFit | undefined>;
+        default: import("csstype").Property.ObjectFit | undefined;
     };
     resultType: {
         type: import("vue").PropType<import("./types").UploaderResultType>;
@@ -60,7 +60,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./types").UploaderMaxSize>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload")[], "update:modelValue" | "delete" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload")[], "delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview" | "clickReupload", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -79,8 +79,8 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         default: number;
     };
     imageFit: {
-        type: import("vue").PropType<import("..").ImageFit>;
-        default: import("..").ImageFit;
+        type: import("vue").PropType<import("csstype").Property.ObjectFit | undefined>;
+        default: import("csstype").Property.ObjectFit | undefined;
     };
     resultType: {
         type: import("vue").PropType<import("./types").UploaderResultType>;
@@ -138,7 +138,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     readonly: boolean;
     lazyLoad: boolean;
     maxCount: string | number;
-    imageFit: import("..").ImageFit;
+    imageFit: import("csstype").Property.ObjectFit | undefined;
     resultType: import("./types").UploaderResultType;
     uploadIcon: string;
     deletable: boolean;

package/lib/utils/constant.d.ts

@@ -1,13 +1,13 @@
 import type { InjectionKey } from 'vue';
 import type { FormProvide } from '../form/types';
 export declare const BORDER = "van-hairline";
-export declare const BORDER_TOP: string;
-export declare const BORDER_LEFT: string;
-export declare const BORDER_RIGHT: string;
-export declare const BORDER_BOTTOM: string;
-export declare const BORDER_SURROUND: string;
-export declare const BORDER_TOP_BOTTOM: string;
-export declare const BORDER_UNSET_TOP_BOTTOM: string;
+export declare const BORDER_TOP = "van-hairline--top";
+export declare const BORDER_LEFT = "van-hairline--left";
+export declare const BORDER_RIGHT = "van-hairline--right";
+export declare const BORDER_BOTTOM = "van-hairline--bottom";
+export declare const BORDER_SURROUND = "van-hairline--surround";
+export declare const BORDER_TOP_BOTTOM = "van-hairline--top-bottom";
+export declare const BORDER_UNSET_TOP_BOTTOM = "van-hairline-unset--top-bottom";
 export declare const HAPTICS_FEEDBACK = "van-haptics-feedback";
 export declare const FORM_KEY: InjectionKey<FormProvide>;
 export declare const LONG_PRESS_START_TIME = 500;

package/lib/utils/dom.d.ts

@@ -10,3 +10,4 @@ export declare const stopPropagation: (event: Event) => void;
 export declare function preventDefault(event: Event, isStopPropagation?: boolean): void;
 export declare function isHidden(elementRef: HTMLElement | Ref<HTMLElement | undefined>): boolean;
 export declare const windowWidth: Ref<number>, windowHeight: Ref<number>;
+export declare function getContainingBlock(el: Element): HTMLElement | null;

package/lib/utils/dom.js

@@ -17,6 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
+  getContainingBlock: () => getContainingBlock,
   getElementTop: () => getElementTop,
   getRootScrollTop: () => getRootScrollTop,
   getScrollTop: () => getScrollTop,
@@ -84,3 +85,19 @@ function isHidden(elementRef) {
   return hidden || parentHidden;
 }
 const { width: windowWidth, height: windowHeight } = (0, import_use.useWindowSize)();
+function isContainingBlock(el) {
+  const css = window.getComputedStyle(el);
+  return css.transform !== "none" || css.perspective !== "none" || ["transform", "perspective", "filter"].some(
+    (value) => (css.willChange || "").includes(value)
+  );
+}
+function getContainingBlock(el) {
+  let node = el.parentElement;
+  while (node) {
+    if (node && node.tagName !== "HTML" && node.tagName !== "BODY" && isContainingBlock(node)) {
+      return node;
+    }
+    node = node.parentElement;
+  }
+  return null;
+}

package/lib/vant.cjs.js

@@ -118,6 +118,22 @@ function isHidden(elementRef) {
   return hidden || parentHidden;
 }
 const { width: windowWidth, height: windowHeight } = use.useWindowSize();
+function isContainingBlock(el) {
+  const css = window.getComputedStyle(el);
+  return css.transform !== "none" || css.perspective !== "none" || ["transform", "perspective", "filter"].some(
+    (value) => (css.willChange || "").includes(value)
+  );
+}
+function getContainingBlock(el) {
+  let node = el.parentElement;
+  while (node) {
+    if (node && node.tagName !== "HTML" && node.tagName !== "BODY" && isContainingBlock(node)) {
+      return node;
+    }
+    node = node.parentElement;
+  }
+  return null;
+}
 function addUnit(value) {
   if (isDef(value)) {
     return isNumeric(value) ? `${value}px` : String(value);
@@ -2115,7 +2131,7 @@ var stdin_default$1G = vue.defineComponent({
         if (container) {
           const containerRect = use.useRect(container);
           const difference = containerRect.bottom - offset.value - state.height;
-          state.fixed = offset.value > rootRect.top && containerRect.bottom > 0;
+          state.fixed = offset.value >= rootRect.top && containerRect.bottom > 0;
           state.transform = difference < 0 ? difference : 0;
         } else {
           state.fixed = offset.value > rootRect.top;
@@ -4548,7 +4564,7 @@ function lockClick(lock) {
   }
 }
 const [name$1k, bem$1g] = createNamespace("toast");
-const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
+const popupInheritProps$1 = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay", "zIndex"];
 const toastProps = {
   icon: String,
   show: Boolean,
@@ -4568,7 +4584,8 @@ const toastProps = {
   overlayClass: unknownProp,
   overlayStyle: Object,
   closeOnClick: Boolean,
-  closeOnClickOverlay: Boolean
+  closeOnClickOverlay: Boolean,
+  zIndex: numericProp
 };
 var stdin_default$1u = vue.defineComponent({
   name: name$1k,
@@ -4658,7 +4675,7 @@ var stdin_default$1u = vue.defineComponent({
       "onClick": onClick,
       "onClosed": clearTimer,
       "onUpdate:show": updateShow
-    }, pick(props2, popupInheritProps)), {
+    }, pick(props2, popupInheritProps$1)), {
       default: () => [renderIcon(), renderMessage()]
     });
   }
@@ -9543,6 +9560,7 @@ const dropdownMenuProps = {
   duration: makeNumericProp(0.2),
   direction: makeStringProp("down"),
   activeColor: String,
+  autoLocate: Boolean,
   closeOnClickOutside: truthProp,
   closeOnClickOverlay: truthProp,
   swipeThreshold: numericProp
@@ -9698,6 +9716,7 @@ var stdin_default$T = vue.defineComponent({
       transition: true,
       showWrapper: false
     });
+    const wrapperRef = vue.ref();
     const {
       parent,
       index
@@ -9786,6 +9805,7 @@ var stdin_default$T = vue.defineComponent({
         offset
       } = parent;
       const {
+        autoLocate,
         zIndex,
         overlay,
         duration,
@@ -9793,12 +9813,20 @@ var stdin_default$T = vue.defineComponent({
         closeOnClickOverlay
       } = parent.props;
       const style = getZIndexStyle(zIndex);
+      let offsetValue = offset.value;
+      if (autoLocate && wrapperRef.value) {
+        const offsetParent = getContainingBlock(wrapperRef.value);
+        if (offsetParent) {
+          offsetValue -= use.useRect(offsetParent).top;
+        }
+      }
       if (direction === "down") {
-        style.top = `${offset.value}px`;
+        style.top = `${offsetValue}px`;
       } else {
-        style.bottom = `${offset.value}px`;
+        style.bottom = `${offsetValue}px`;
       }
       return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
+        "ref": wrapperRef,
         "style": style,
         "class": bem$K([direction]),
         "onClick": onClickWrapper
@@ -10445,6 +10473,7 @@ const imagePreviewItemProps = {
   rootHeight: makeRequiredProp(Number),
   disableZoom: Boolean,
   doubleScale: Boolean,
+  closeOnClickImage: Boolean,
   closeOnClickOverlay: Boolean
 };
 var stdin_default$N = vue.defineComponent({
@@ -10607,18 +10636,25 @@ var stdin_default$N = vue.defineComponent({
         }
       }
     };
-    const checkTap = (event) => {
+    const checkClose = (event) => {
       var _a;
+      const swipeItemEl = (_a = swipeItem.value) == null ? void 0 : _a.$el;
+      const imageEl = swipeItemEl.firstElementChild;
+      const isClickOverlay = event.target === swipeItemEl;
+      const isClickImage = imageEl == null ? void 0 : imageEl.contains(event.target);
+      if (!props2.closeOnClickImage && isClickImage)
+        return;
+      if (!props2.closeOnClickOverlay && isClickOverlay)
+        return;
+      emit("close");
+    };
+    const checkTap = (event) => {
       if (fingerNum > 1) {
         return;
       }
-      const {
-        offsetX,
-        offsetY
-      } = touch;
       const deltaTime = Date.now() - touchStartTime;
       const TAP_TIME = 250;
-      if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET) {
+      if (touch.isTap.value) {
         if (deltaTime < TAP_TIME) {
           if (props2.doubleScale) {
             if (doubleTapTimer) {
@@ -10626,16 +10662,13 @@ var stdin_default$N = vue.defineComponent({
               doubleTapTimer = null;
               toggleScale();
             } else {
-              if (!props2.closeOnClickOverlay && event.target === ((_a = swipeItem.value) == null ? void 0 : _a.$el)) {
-                return;
-              }
               doubleTapTimer = setTimeout(() => {
-                emit("close");
+                checkClose(event);
                 doubleTapTimer = null;
               }, TAP_TIME);
             }
           } else {
-            emit("close");
+            checkClose(event);
           }
         } else if (deltaTime > LONG_PRESS_START_TIME) {
           emit("longPress");
@@ -10770,6 +10803,7 @@ const imagePreviewProps = {
   startPosition: makeNumericProp(0),
   showIndicators: Boolean,
   closeOnPopstate: truthProp,
+  closeOnClickImage: truthProp,
   closeOnClickOverlay: truthProp,
   closeIconPosition: makeStringProp("top-right"),
   teleport: [String, Object]
@@ -10862,6 +10896,7 @@ var stdin_default$M = vue.defineComponent({
         "rootHeight": state.rootHeight,
         "disableZoom": state.disableZoom,
         "doubleScale": props2.doubleScale,
+        "closeOnClickImage": props2.closeOnClickImage,
         "closeOnClickOverlay": props2.closeOnClickOverlay,
         "onScale": emitScale,
         "onClose": emitClose,
@@ -11671,6 +11706,7 @@ var stdin_default$H = vue.defineComponent({
 });
 const NoticeBar = withInstall(stdin_default$H);
 const [name$y, bem$x] = createNamespace("notify");
+const popupInheritProps = ["lockScroll", "position", "show", "teleport", "zIndex"];
 const notifyProps = extend({}, popupSharedProps, {
   type: makeStringProp("danger"),
   color: String,
@@ -11689,20 +11725,16 @@ var stdin_default$G = vue.defineComponent({
     slots
   }) {
     const updateShow = (show) => emit("update:show", show);
-    return () => vue.createVNode(Popup, {
-      "show": props2.show,
+    return () => vue.createVNode(Popup, vue.mergeProps({
       "class": [bem$x([props2.type]), props2.className],
       "style": {
         color: props2.color,
         background: props2.background
       },
       "overlay": false,
-      "zIndex": props2.zIndex,
-      "position": props2.position,
       "duration": 0.2,
-      "lockScroll": props2.lockScroll,
       "onUpdate:show": updateShow
-    }, {
+    }, pick(props2, popupInheritProps)), {
       default: () => [slots.default ? slots.default() : props2.message]
     });
   }
@@ -14947,7 +14979,8 @@ var stdin_default$9 = vue.defineComponent({
   props: textEllipsisProps,
   emits: ["clickAction"],
   setup(props2, {
-    emit
+    emit,
+    slots
   }) {
     const text = vue.ref("");
     const expanded = vue.ref(false);
@@ -15055,10 +15088,15 @@ var stdin_default$9 = vue.defineComponent({
       toggle();
       emit("clickAction", event);
     };
-    const renderAction = () => vue.createVNode("span", {
-      "class": bem$3("action"),
-      "onClick": onClickAction
-    }, [actionText.value]);
+    const renderAction = () => {
+      const action = slots.action ? slots.action({
+        expanded: expanded.value
+      }) : actionText.value;
+      return vue.createVNode("span", {
+        "class": bem$3("action"),
+        "onClick": onClickAction
+      }, [action]);
+    };
     vue.onMounted(calcEllipsised);
     vue.watch([windowWidth, () => [props2.content, props2.rows, props2.position]], calcEllipsised);
     useExpose({
@@ -16730,7 +16768,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.8.1";
+const version = "4.8.3";
 function install(app) {
   const components = [
     ActionBar,