vant 4.3.2 → 4.4.1

package/lib/tabs/index.d.ts

@@ -103,7 +103,7 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     shrink: boolean;
     scrollspy: boolean;
     swipeThreshold: string | number;
-}>>;
+}, {}>>;
 export default Tabs;
 export { tabsProps } from './Tabs';
 export type { TabsProps };

package/lib/tag/Tag.d.ts

@@ -59,5 +59,5 @@ declare const _default: import("vue").DefineComponent<{
     plain: boolean;
     show: boolean;
     closeable: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/tag/index.d.ts

@@ -39,7 +39,7 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     plain: boolean;
     show: boolean;
     closeable: boolean;
-}>>;
+}, {}>>;
 export default Tag;
 export { tagProps } from './Tag';
 export type { TagProps } from './Tag';

package/lib/text-ellipsis/TextEllipsis.d.ts

@@ -72,5 +72,5 @@ declare const _default: import("vue").DefineComponent<{
     dots: string;
     expandText: string;
     collapseText: string;
-}>;
+}, {}>;
 export default _default;

package/lib/text-ellipsis/index.d.ts

@@ -48,7 +48,7 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
     dots: string;
     expandText: string;
     collapseText: string;
-}>>;
+}, {}>>;
 export default TextEllipsis;
 export { textEllipsisProps } from './TextEllipsis';
 export type { TextEllipsisProps } from './TextEllipsis';

package/lib/time-picker/TimePicker.d.ts

@@ -213,5 +213,5 @@ declare const _default: import("vue").DefineComponent<{
     maxMinute: string | number;
     minSecond: string | number;
     maxSecond: string | number;
-}>;
+}, {}>;
 export default _default;

package/lib/time-picker/index.d.ts

@@ -147,7 +147,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
     maxMinute: string | number;
     minSecond: string | number;
     maxSecond: string | number;
-}>>;
+}, {}>>;
 export default TimePicker;
 export { timePickerProps } from './TimePicker';
 export type { TimePickerProps };

package/lib/toast/Toast.d.ts

@@ -111,5 +111,5 @@ declare const _default: import("vue").DefineComponent<{
     transition: string;
     forbidClick: boolean;
     closeOnClick: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/toast/index.d.ts

@@ -74,7 +74,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
     transition: string;
     forbidClick: boolean;
     closeOnClick: boolean;
-}>>;
+}, {}>>;
 export default Toast;
 export { toastProps } from './Toast';
 export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';

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

@@ -102,5 +102,5 @@ declare const _default: import("vue").DefineComponent<{
     selectedIcon: string;
     mainActiveIndex: string | number;
     activeId: Numeric | Numeric[];
-}>;
+}, {}>;
 export default _default;

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

@@ -60,7 +60,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     selectedIcon: string;
     mainActiveIndex: string | number;
     activeId: import("../utils").Numeric | import("../utils").Numeric[];
-}>>;
+}, {}>>;
 export default TreeSelect;
 export { treeSelectProps } from './TreeSelect';
 export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';

package/lib/uploader/Uploader.d.ts

@@ -38,6 +38,7 @@ export declare const uploaderProps: {
         type: BooleanConstructor;
         default: true;
     };
+    reupload: BooleanConstructor;
     afterRead: PropType<UploaderAfterRead>;
     showUpload: {
         type: BooleanConstructor;
@@ -100,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    reupload: BooleanConstructor;
     afterRead: PropType<UploaderAfterRead>;
     showUpload: {
         type: BooleanConstructor;
@@ -125,7 +127,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")[], "update:modelValue" | "delete" | "oversize" | "clickUpload" | "closePreview" | "clickPreview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => 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<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -160,6 +162,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    reupload: BooleanConstructor;
     afterRead: PropType<UploaderAfterRead>;
     showUpload: {
         type: BooleanConstructor;
@@ -192,6 +195,7 @@ declare const _default: import("vue").DefineComponent<{
     onClickUpload?: ((...args: any[]) => any) | undefined;
     onClosePreview?: ((...args: any[]) => any) | undefined;
     onClickPreview?: ((...args: any[]) => any) | undefined;
+    onClickReupload?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
     accept: string;
@@ -205,9 +209,10 @@ declare const _default: import("vue").DefineComponent<{
     resultType: UploaderResultType;
     uploadIcon: string;
     deletable: boolean;
+    reupload: boolean;
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: UploaderMaxSize;
-}>;
+}, {}>;
 export default _default;

package/lib/uploader/Uploader.js

@@ -54,6 +54,7 @@ const uploaderProps = {
   uploadIcon: (0, import_utils.makeStringProp)("photograph"),
   uploadText: String,
   deletable: import_utils.truthProp,
+  reupload: Boolean,
   afterRead: Function,
   showUpload: import_utils.truthProp,
   modelValue: (0, import_utils.makeArrayProp)(),
@@ -71,13 +72,14 @@ const uploaderProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name: import_utils2.name,
   props: uploaderProps,
-  emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "update:modelValue"],
+  emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "clickReupload", "update:modelValue"],
   setup(props, {
     emit,
     slots
   }) {
     const inputRef = (0, import_vue2.ref)();
     const urls = [];
+    const reuploadIndex = (0, import_vue2.ref)(-1);
     const getDetail = (index = props.modelValue.length) => ({
       name: props.name,
       index
@@ -103,7 +105,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       }
       items = (0, import_vue2.reactive)(items);
-      emit("update:modelValue", [...props.modelValue, ...(0, import_utils.toArray)(items)]);
+      if (reuploadIndex.value > -1) {
+        const arr = [...props.modelValue];
+        arr.splice(reuploadIndex.value, 1, items);
+        emit("update:modelValue", arr);
+        reuploadIndex.value = -1;
+      } else {
+        emit("update:modelValue", [...props.modelValue, ...(0, import_utils.toArray)(items)]);
+      }
       if (props.afterRead) {
         props.afterRead(items, getDetail());
       }
@@ -204,15 +213,20 @@ var stdin_default = (0, import_vue2.defineComponent)({
       emit("update:modelValue", fileList);
       emit("delete", item, getDetail(index));
     };
+    const reuploadImage = (index) => {
+      chooseFile();
+      reuploadIndex.value = index;
+    };
     const renderPreviewItem = (item, index) => {
-      const needPickData = ["imageFit", "deletable", "previewSize", "beforeDelete"];
+      const needPickData = ["imageFit", "deletable", "reupload", "previewSize", "beforeDelete"];
       const previewData = (0, import_utils.extend)((0, import_utils.pick)(props, needPickData), (0, import_utils.pick)(item, needPickData, true));
       return (0, import_vue.createVNode)(import_UploaderPreviewItem.default, (0, import_vue.mergeProps)({
         "item": item,
         "index": index,
-        "onClick": () => emit("clickPreview", item, getDetail(index)),
+        "onClick": () => emit(props.reupload ? "clickReupload" : "clickPreview", item, getDetail(index)),
         "onDelete": () => deleteFile(item, index),
-        "onPreview": () => previewImage(item)
+        "onPreview": () => previewImage(item),
+        "onReupload": () => reuploadImage(index)
       }, (0, import_utils.pick)(props, ["name", "lazyLoad"]), previewData), (0, import_utils.pick)(slots, ["preview-cover", "preview-delete"]));
     };
     const renderPreviewList = () => {
@@ -222,24 +236,25 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const onClickUpload = (event) => emit("clickUpload", event);
     const renderUpload = () => {
-      if (props.modelValue.length >= +props.maxCount) {
+      if (props.modelValue.length >= +props.maxCount && !props.reupload) {
         return;
       }
+      const hideUploader = props.modelValue.length >= +props.maxCount && props.reupload;
       const Input = props.readonly ? null : (0, import_vue.createVNode)("input", {
         "ref": inputRef,
         "type": "file",
         "class": (0, import_utils2.bem)("input"),
         "accept": props.accept,
         "capture": props.capture,
-        "multiple": props.multiple,
+        "multiple": props.multiple && reuploadIndex.value === -1,
         "disabled": props.disabled,
         "onChange": onChange
       }, null);
       if (slots.default) {
-        return (0, import_vue.createVNode)("div", {
+        return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
           "class": (0, import_utils2.bem)("input-wrapper"),
           "onClick": onClickUpload
-        }, [slots.default(), Input]);
+        }, [slots.default(), Input]), [[import_vue.vShow, !hideUploader]]);
       }
       return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
         "class": (0, import_utils2.bem)("upload", {
@@ -252,7 +267,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": (0, import_utils2.bem)("upload-icon")
       }, null), props.uploadText && (0, import_vue.createVNode)("span", {
         "class": (0, import_utils2.bem)("upload-text")
-      }, [props.uploadText]), Input]), [[import_vue.vShow, props.showUpload]]);
+      }, [props.uploadText]), Input]), [[import_vue.vShow, props.showUpload && !hideUploader]]);
     };
     const chooseFile = () => {
       if (inputRef.value && !props.disabled) {

package/lib/uploader/UploaderPreviewItem.d.ts

@@ -12,9 +12,10 @@ declare const _default: import("vue").DefineComponent<{
     imageFit: PropType<ImageFit>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
+    reupload: BooleanConstructor;
     previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "preview")[], "delete" | "preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
     name: (NumberConstructor | StringConstructor)[];
     item: {
         type: PropType<UploaderFileListItem>;
@@ -24,13 +25,16 @@ declare const _default: import("vue").DefineComponent<{
     imageFit: PropType<ImageFit>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
+    reupload: BooleanConstructor;
     previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
 }>> & {
     onDelete?: ((...args: any[]) => any) | undefined;
+    onReupload?: ((...args: any[]) => any) | undefined;
     onPreview?: ((...args: any[]) => any) | undefined;
 }, {
     lazyLoad: boolean;
     deletable: boolean;
-}>;
+    reupload: boolean;
+}, {}>;
 export default _default;

package/lib/uploader/UploaderPreviewItem.js

@@ -35,10 +35,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
     imageFit: String,
     lazyLoad: Boolean,
     deletable: Boolean,
+    reupload: Boolean,
     previewSize: [Number, String, Array],
     beforeDelete: Function
   },
-  emits: ["delete", "preview"],
+  emits: ["delete", "preview", "reupload"],
   setup(props, {
     emit,
     slots
@@ -80,6 +81,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       });
     };
     const onPreview = () => emit("preview");
+    const onReupload = () => emit("reupload");
     const renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== "uploading") {
         const slot = slots["preview-delete"];
@@ -115,7 +117,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         item,
         lazyLoad,
         imageFit,
-        previewSize
+        previewSize,
+        reupload
       } = props;
       if ((0, import_utils.isImageFile)(item)) {
         return (0, import_vue.createVNode)(import_image.Image, {
@@ -125,7 +128,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
           "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
           "lazyLoad": lazyLoad,
-          "onClick": onPreview
+          "onClick": reupload ? onReupload : onPreview
         }, {
           default: renderCover
         });

package/lib/uploader/index.d.ts

@@ -34,6 +34,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    reupload: BooleanConstructor;
     afterRead: import("vue").PropType<import("./types").UploaderAfterRead>;
     showUpload: {
         type: BooleanConstructor;
@@ -59,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")[], "update:modelValue" | "delete" | "oversize" | "clickUpload" | "closePreview" | "clickPreview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -94,6 +95,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    reupload: BooleanConstructor;
     afterRead: import("vue").PropType<import("./types").UploaderAfterRead>;
     showUpload: {
         type: BooleanConstructor;
@@ -126,6 +128,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     onClickUpload?: ((...args: any[]) => any) | undefined;
     onClosePreview?: ((...args: any[]) => any) | undefined;
     onClickPreview?: ((...args: any[]) => any) | undefined;
+    onClickReupload?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
     accept: string;
@@ -139,11 +142,12 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     resultType: import("./types").UploaderResultType;
     uploadIcon: string;
     deletable: boolean;
+    reupload: boolean;
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: import("./types").UploaderMaxSize;
-}>>;
+}, {}>>;
 export default Uploader;
 export { uploaderProps } from './Uploader';
 export type { UploaderProps };

package/lib/uploader/types.d.ts

@@ -12,6 +12,7 @@ export type UploaderFileListItem = {
     message?: string;
     imageFit?: ImageFit;
     deletable?: boolean;
+    reupload?: boolean;
     previewSize?: Numeric;
     beforeDelete?: Interceptor;
 };

package/lib/utils/constant.d.ts

@@ -3,6 +3,7 @@ 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;

package/lib/utils/constant.js

@@ -20,6 +20,7 @@ __export(stdin_exports, {
   BORDER: () => BORDER,
   BORDER_BOTTOM: () => BORDER_BOTTOM,
   BORDER_LEFT: () => BORDER_LEFT,
+  BORDER_RIGHT: () => BORDER_RIGHT,
   BORDER_SURROUND: () => BORDER_SURROUND,
   BORDER_TOP: () => BORDER_TOP,
   BORDER_TOP_BOTTOM: () => BORDER_TOP_BOTTOM,
@@ -32,6 +33,7 @@ module.exports = __toCommonJS(stdin_exports);
 const BORDER = "van-hairline";
 const BORDER_TOP = `${BORDER}--top`;
 const BORDER_LEFT = `${BORDER}--left`;
+const BORDER_RIGHT = `${BORDER}--right`;
 const BORDER_BOTTOM = `${BORDER}--bottom`;
 const BORDER_SURROUND = `${BORDER}--surround`;
 const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;

package/lib/utils/mount-component.d.ts

@@ -9,6 +9,6 @@ export declare function usePopupState(): {
     toggle: (show: boolean) => void;
 };
 export declare function mountComponent(RootComponent: Component): {
-    instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+    instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
     unmount(): void;
 };