vant 4.0.0-alpha.3 → 4.0.0-beta.1

package/lib/swipe-cell/SwipeCell.js

@@ -166,7 +166,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "ref": root,
         "class": bem(),
         "onClick": getClickHandler("cell", lockClick),
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd

package/lib/switch/Switch.js

@@ -47,7 +47,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const isChecked = () => props.modelValue === props.activeValue;
     const onClick = () => {
@@ -65,9 +66,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "color": color
         }, null);
       }
+      if (slots.node) {
+        return slots.node();
+      }
     };
     (0, import_use.useCustomFieldValue)(() => props.modelValue);
     return () => {
+      var _a;
       const {
         size,
         loading,
@@ -93,7 +98,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onClick": onClick
       }, [(0, import_vue.createVNode)("div", {
         "class": bem("node")
-      }, [renderLoading()])]);
+      }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });

package/lib/tabs/Tabs.js

@@ -75,6 +75,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const root = (0, import_vue2.ref)();
     const navRef = (0, import_vue2.ref)();
     const wrapRef = (0, import_vue2.ref)();
+    const contentRef = (0, import_vue2.ref)();
     const id = (0, import_use_id.useId)();
     const scroller = (0, import_use.useScrollParent)(root);
     const [titleRefs, setTitleRefs] = (0, import_use_refs.useRefs)();
@@ -322,15 +323,23 @@ var stdin_default = (0, import_vue2.defineComponent)({
       });
     };
     const onRendered = (name2, title) => emit("rendered", name2, title);
+    const resize = () => {
+      setLine();
+      (0, import_vue2.nextTick)(() => {
+        var _a, _b;
+        return (_b = (_a = contentRef.value) == null ? void 0 : _a.swipeRef.value) == null ? void 0 : _b.resize();
+      });
+    };
     (0, import_use_expose.useExpose)({
-      resize: setLine,
+      resize,
       scrollTo
     });
     (0, import_vue2.onActivated)(setLine);
     (0, import_on_popup_reopen.onPopupReopen)(setLine);
     (0, import_use.onMountedOrActivated)(init);
     (0, import_use.useEventListener)("scroll", onScroll, {
-      target: scroller
+      target: scroller,
+      passive: true
     });
     linkChildren({
       id,
@@ -355,6 +364,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           return [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)];
         }
       }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], (0, import_vue.createVNode)(import_TabsContent.default, {
+        "ref": contentRef,
         "count": children.length,
         "inited": state.inited,
         "animated": props.animated,

package/lib/tabs/TabsContent.js

@@ -24,6 +24,7 @@ var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_swipe = require("../swipe");
+var import_use_expose = require("../composables/use-expose");
 const [name, bem] = (0, import_utils.createNamespace)("tabs");
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -74,6 +75,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     (0, import_vue2.onMounted)(() => {
       swipeToCurrentTab(props.currentIndex);
     });
+    (0, import_use_expose.useExpose)({
+      swipeRef
+    });
     return () => (0, import_vue.createVNode)("div", {
       "class": bem("content", {
         animated: props.animated || props.swipeable

package/lib/toast/function-call.d.ts

@@ -1,18 +1,10 @@
-import { type App } from 'vue';
-import { type ComponentInstance } from '../utils';
-import type { ToastType, ToastOptions } from './types';
-declare function Toast(options?: string | ToastOptions): ComponentInstance;
-declare namespace Toast {
-    var loading: (options: string | ToastOptions) => ComponentInstance;
-    var success: (options: string | ToastOptions) => ComponentInstance;
-    var fail: (options: string | ToastOptions) => ComponentInstance;
-    var clear: (all?: boolean | undefined) => void;
-    var setDefaultOptions: {
-        (options: ToastOptions): void;
-        (type: ToastType, options: ToastOptions): void;
-    };
-    var resetDefaultOptions: (type?: ToastType | undefined) => void;
-    var allowMultiple: (value?: boolean) => void;
-    var install: (app: App<any>) => void;
-}
-export { Toast };
+import type { ToastType, ToastOptions, ToastWrapperInstance } from './types';
+export declare function showToast(options?: string | ToastOptions): ToastWrapperInstance;
+export declare const showLoadingToast: (options: string | ToastOptions) => ToastWrapperInstance;
+export declare const showSuccessToast: (options: string | ToastOptions) => ToastWrapperInstance;
+export declare const showFailToast: (options: string | ToastOptions) => ToastWrapperInstance;
+export declare const closeToast: (all?: boolean) => void;
+export declare function setToastDefaultOptions(options: ToastOptions): void;
+export declare function setToastDefaultOptions(type: ToastType, options: ToastOptions): void;
+export declare const resetToastDefaultOptions: (type?: ToastType) => void;
+export declare const allowMultipleToast: (value?: boolean) => void;

package/lib/toast/function-call.js

@@ -20,7 +20,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  Toast: () => Toast
+  allowMultipleToast: () => allowMultipleToast,
+  closeToast: () => closeToast,
+  resetToastDefaultOptions: () => resetToastDefaultOptions,
+  setToastDefaultOptions: () => setToastDefaultOptions,
+  showFailToast: () => showFailToast,
+  showLoadingToast: () => showLoadingToast,
+  showSuccessToast: () => showSuccessToast,
+  showToast: () => showToast
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -93,7 +100,7 @@ function createInstance() {
       (0, import_vue2.getCurrentInstance)().render = render;
       return {
         open,
-        clear: close,
+        close,
         message
       };
     }
@@ -107,7 +114,7 @@ function getInstance() {
   }
   return queue[queue.length - 1];
 }
-function Toast(options = {}) {
+function showToast(options = {}) {
   if (!import_utils.inBrowser) {
     return {};
   }
@@ -116,36 +123,35 @@ function Toast(options = {}) {
   toast.open((0, import_utils.extend)({}, currentOptions, defaultOptionsMap.get(parsedOptions.type || currentOptions.type), parsedOptions));
   return toast;
 }
-const createMethod = (type) => (options) => Toast((0, import_utils.extend)({
+const createMethod = (type) => (options) => showToast((0, import_utils.extend)({
   type
 }, parseOptions(options)));
-Toast.loading = createMethod("loading");
-Toast.success = createMethod("success");
-Toast.fail = createMethod("fail");
-Toast.clear = (all) => {
+const showLoadingToast = createMethod("loading");
+const showSuccessToast = createMethod("success");
+const showFailToast = createMethod("fail");
+const closeToast = (all) => {
   var _a;
   if (queue.length) {
     if (all) {
       queue.forEach((toast) => {
-        toast.clear();
+        toast.close();
       });
       queue = [];
     } else if (!allowMultiple) {
-      queue[0].clear();
+      queue[0].close();
     } else {
-      (_a = queue.shift()) == null ? void 0 : _a.clear();
+      (_a = queue.shift()) == null ? void 0 : _a.close();
     }
   }
 };
-function setDefaultOptions(type, options) {
+function setToastDefaultOptions(type, options) {
   if (typeof type === "string") {
     defaultOptionsMap.set(type, options);
   } else {
     (0, import_utils.extend)(currentOptions, type);
   }
 }
-Toast.setDefaultOptions = setDefaultOptions;
-Toast.resetDefaultOptions = (type) => {
+const resetToastDefaultOptions = (type) => {
   if (typeof type === "string") {
     defaultOptionsMap.delete(type);
   } else {
@@ -153,10 +159,6 @@ Toast.resetDefaultOptions = (type) => {
     defaultOptionsMap.clear();
   }
 };
-Toast.allowMultiple = (value = true) => {
+const allowMultipleToast = (value = true) => {
   allowMultiple = value;
 };
-Toast.install = (app) => {
-  app.use((0, import_utils.withInstall)(import_Toast.default));
-  app.config.globalProperties.$toast = Toast;
-};

package/lib/toast/index.d.ts

@@ -1,5 +1,79 @@
-import { Toast } from './function-call';
+export declare const Toast: import("../utils").WithInstall<import("vue").DefineComponent<{
+    icon: StringConstructor;
+    show: BooleanConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").ToastType>;
+        default: import("./types").ToastType;
+    };
+    overlay: BooleanConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    iconSize: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: import("vue").PropType<import("./types").ToastPosition>;
+        default: import("./types").ToastPosition;
+    };
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    className: import("vue").PropType<unknown>;
+    iconPrefix: StringConstructor;
+    transition: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loadingType: import("vue").PropType<import("..").LoadingType>;
+    forbidClick: BooleanConstructor;
+    overlayClass: import("vue").PropType<unknown>;
+    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<{
+    icon: StringConstructor;
+    show: BooleanConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").ToastType>;
+        default: import("./types").ToastType;
+    };
+    overlay: BooleanConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    iconSize: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: import("vue").PropType<import("./types").ToastPosition>;
+        default: import("./types").ToastPosition;
+    };
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    className: import("vue").PropType<unknown>;
+    iconPrefix: StringConstructor;
+    transition: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loadingType: import("vue").PropType<import("..").LoadingType>;
+    forbidClick: BooleanConstructor;
+    overlayClass: import("vue").PropType<unknown>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    closeOnClick: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("./types").ToastType;
+    position: import("./types").ToastPosition;
+    overlay: boolean;
+    show: boolean;
+    duration: number;
+    closeOnClickOverlay: boolean;
+    transition: string;
+    forbidClick: boolean;
+    closeOnClick: boolean;
+}>>;
 export default Toast;
-export { Toast };
+export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';
 export type { ToastProps } from './Toast';
 export type { ToastType, ToastOptions, ToastPosition } from './types';

package/lib/toast/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,12 +16,24 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  Toast: () => import_function_call.Toast,
-  default: () => stdin_default
+  Toast: () => Toast,
+  allowMultipleToast: () => import_function_call.allowMultipleToast,
+  closeToast: () => import_function_call.closeToast,
+  default: () => stdin_default,
+  resetToastDefaultOptions: () => import_function_call.resetToastDefaultOptions,
+  setToastDefaultOptions: () => import_function_call.setToastDefaultOptions,
+  showFailToast: () => import_function_call.showFailToast,
+  showLoadingToast: () => import_function_call.showLoadingToast,
+  showSuccessToast: () => import_function_call.showSuccessToast,
+  showToast: () => import_function_call.showToast
 });
 module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Toast = __toESM(require("./Toast"));
 var import_function_call = require("./function-call");
-var stdin_default = import_function_call.Toast;
+const Toast = (0, import_utils.withInstall)(import_Toast.default);
+var stdin_default = Toast;

package/lib/toast/types.d.ts

@@ -1,5 +1,4 @@
-import { Toast } from './function-call';
-import type { TeleportProps } from 'vue';
+import type { ComponentPublicInstance, TeleportProps } from 'vue';
 import type { LoadingType } from '../loading';
 import type { Numeric } from '../utils';
 export declare type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
@@ -26,8 +25,12 @@ export declare type ToastOptions = {
     overlayStyle?: Record<string, any>;
     closeOnClickOverlay?: boolean;
 };
-declare module '@vue/runtime-core' {
-    interface ComponentCustomProperties {
-        $toast: typeof Toast;
-    }
-}
+export declare type ToastWrapperInstance = ComponentPublicInstance<{
+    message: Numeric;
+}, {
+    close: () => void;
+    /**
+     * @private
+     */
+    open: (props: Record<string, any>) => void;
+}>;

package/lib/uploader/Uploader.d.ts

@@ -54,7 +54,7 @@ declare const uploaderProps: {
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: PropType<ImagePreviewOptions>;
+    previewOptions: PropType<Partial<ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;
@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: PropType<ImagePreviewOptions>;
+    previewOptions: PropType<Partial<ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;
@@ -176,7 +176,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: PropType<ImagePreviewOptions>;
+    previewOptions: PropType<Partial<ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;

package/lib/uploader/Uploader.js

@@ -172,13 +172,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (props.previewFullImage) {
         const imageFiles = props.modelValue.filter(import_utils2.isImageFile);
         const images = imageFiles.map((item2) => {
-          if (item2.file && !item2.url) {
+          if (item2.file && !item2.url && item2.status !== "failed") {
             item2.url = URL.createObjectURL(item2.file);
             urls.push(item2.url);
           }
           return item2.url;
         }).filter(Boolean);
-        imagePreview = (0, import_image_preview.ImagePreview)((0, import_utils.extend)({
+        imagePreview = (0, import_image_preview.showImagePreview)((0, import_utils.extend)({
           images,
           startPosition: imageFiles.indexOf(item),
           onClose: onClosePreview
@@ -205,9 +205,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onClick": () => emit("clickPreview", item, getDetail(index)),
         "onDelete": () => deleteFile(item, index),
         "onPreview": () => previewImage(item)
-      }, (0, import_utils.pick)(props, ["name", "lazyLoad"]), previewData), {
-        "preview-cover": slots["preview-cover"]
-      });
+      }, (0, import_utils.pick)(props, ["name", "lazyLoad"]), previewData), (0, import_utils.pick)(slots, ["preview-cover", "preview-delete"]));
     };
     const renderPreviewList = () => {
       if (props.previewImage) {

package/lib/uploader/UploaderPreviewItem.js

@@ -82,13 +82,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onPreview = () => emit("preview");
     const renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== "uploading") {
+        const slot = slots["preview-delete"];
         return (0, import_vue.createVNode)("div", {
           "role": "button",
-          "class": (0, import_utils.bem)("preview-delete"),
+          "class": (0, import_utils.bem)("preview-delete", {
+            shadow: !slot
+          }),
           "tabindex": 0,
           "aria-label": (0, import_utils.t)("delete"),
           "onClick": onDelete
-        }, [(0, import_vue.createVNode)(import_icon.Icon, {
+        }, [slot ? slot() : (0, import_vue.createVNode)(import_icon.Icon, {
           "name": "cross",
           "class": (0, import_utils.bem)("preview-delete-icon")
         }, null)]);

package/lib/uploader/index.css

@@ -1 +1 @@
-body{--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{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)}.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}.van-uploader__preview-delete{position:absolute;top:0;right:0;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)}.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}
+body{--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{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)}.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}.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)}.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

@@ -50,7 +50,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: import("vue").PropType<import("..").ImagePreviewOptions>;
+    previewOptions: import("vue").PropType<Partial<import("..").ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;
@@ -110,7 +110,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: import("vue").PropType<import("..").ImagePreviewOptions>;
+    previewOptions: import("vue").PropType<Partial<import("..").ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;

package/lib/utils/basic.d.ts

@@ -1,9 +1,9 @@
 import type { ComponentPublicInstance } from 'vue';
 export declare function noop(): void;
 export declare const extend: {
-    <T, U>(target: T, source: U): T & U;
-    <T_1, U_1, V>(target: T_1, source1: U_1, source2: V): T_1 & U_1 & V;
-    <T_2, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
+    <T extends {}, U>(target: T, source: U): T & U;
+    <T_1 extends {}, U_1, V>(target: T_1, source1: U_1, source2: V): T_1 & U_1 & V;
+    <T_2 extends {}, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
     (target: object, ...sources: any[]): any;
 };
 export declare const inBrowser: boolean;

package/lib/utils/create.d.ts

@@ -12,6 +12,6 @@ export declare type Mods = Mod | Mod[];
  * b('text', { disabled }) // 'button__text button__text--disabled'
  * b(['disabled', 'primary']) // 'button button--disabled button--primary'
  */
-export declare function createBEM(name: string): (el?: Mods | undefined, mods?: Mods | undefined) => Mods;
+export declare function createBEM(name: string): (el?: Mods, mods?: Mods) => Mods;
 export declare type BEM = ReturnType<typeof createBEM>;
 export declare function createNamespace(name: string): readonly [string, (el?: Mods | undefined, mods?: Mods | undefined) => Mods, (path: string, ...args: unknown[]) => any];