vant 4.3.1 → 4.4.0

package/es/signature/index.d.ts

@@ -13,6 +13,10 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
         default: number;
     };
     clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     confirmButtonText: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "start" | "clear" | "end" | "signing")[], "submit" | "start" | "clear" | "end" | "signing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tips: StringConstructor;
@@ -29,6 +33,10 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
         default: number;
     };
     clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     confirmButtonText: StringConstructor;
 }>> & {
     onSubmit?: ((...args: any[]) => any) | undefined;
@@ -38,6 +46,7 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
     onSigning?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
+    backgroundColor: string;
     lineWidth: number;
     penColor: string;
 }>>;

package/es/step/index.css

@@ -1 +1 @@
-:root{--van-step-text-color: var(--van-text-color-2);--van-step-active-color: var(--van-primary-color);--van-step-process-text-color: var(--van-text-color);--van-step-font-size: var(--van-font-size-md);--van-step-line-color: var(--van-border-color);--van-step-finish-line-color: var(--van-primary-color);--van-step-finish-text-color: var(--van-text-color);--van-step-icon-size: 12px;--van-step-circle-size: 5px;--van-step-circle-color: var(--van-gray-6);--van-step-horizontal-title-font-size: var(--van-font-size-sm)}.van-step{position:relative;flex:1;color:var(--van-step-text-color);font-size:var(--van-step-font-size)}.van-step__circle{display:block;width:var(--van-step-circle-size);height:var(--van-step-circle-size);background-color:var(--van-step-circle-color);border-radius:50%}.van-step__line{position:absolute;background-color:var(--van-step-line-color);transition:background-color var(--van-duration-base)}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child{position:absolute;right:1px;width:auto}.van-step--horizontal:last-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:calc(var(--van-padding-xs) * -1);z-index:1;padding:0 var(--van-padding-xs);background-color:var(--van-background-2);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:var(--van-step-horizontal-title-font-size);transform:translate(-50%)}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:var(--van-step-icon-size)}.van-step--horizontal .van-step--process{color:var(--van-step-process-text-color)}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:var(--van-line-height-sm)}.van-step--vertical:not(:last-child):after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:var(--van-step-icon-size);line-height:1;transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:var(--van-step-finish-text-color)}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:var(--van-step-finish-line-color)}.van-step__icon,.van-step__title{transition:color var(--van-duration-base)}.van-step__icon--active,.van-step__title--active,.van-step__icon--finish,.van-step__title--finish{color:var(--van-step-active-color)}
+:root{--van-step-text-color: var(--van-text-color-2);--van-step-active-color: var(--van-primary-color);--van-step-process-text-color: var(--van-text-color);--van-step-font-size: var(--van-font-size-md);--van-step-line-color: var(--van-border-color);--van-step-finish-line-color: var(--van-primary-color);--van-step-finish-text-color: var(--van-text-color);--van-step-icon-size: 12px;--van-step-circle-size: 5px;--van-step-circle-color: var(--van-gray-6);--van-step-horizontal-title-font-size: var(--van-font-size-sm)}.van-step{position:relative;flex:1;color:var(--van-step-text-color);font-size:var(--van-step-font-size)}.van-step__circle{display:block;width:var(--van-step-circle-size);height:var(--van-step-circle-size);background-color:var(--van-step-circle-color);border-radius:50%}.van-step__line{position:absolute;background-color:var(--van-step-line-color);transition:background-color var(--van-duration-base)}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child:not(:first-child){position:absolute;right:1px;width:auto}.van-step--horizontal:last-child:not(:first-child) .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child:not(:first-child) .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:calc(var(--van-padding-xs) * -1);z-index:1;padding:0 var(--van-padding-xs);background-color:var(--van-background-2);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:var(--van-step-horizontal-title-font-size);transform:translate(-50%)}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:var(--van-step-icon-size)}.van-step--horizontal .van-step--process{color:var(--van-step-process-text-color)}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:var(--van-line-height-sm)}.van-step--vertical:not(:last-child):after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:var(--van-step-icon-size);line-height:1;transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:var(--van-step-finish-text-color)}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:var(--van-step-finish-line-color)}.van-step__icon,.van-step__title{transition:color var(--van-duration-base)}.van-step__icon--active,.van-step__title--active,.van-step__icon--finish,.van-step__title--finish{color:var(--van-step-active-color)}

package/es/submit-bar/index.css

@@ -1 +1 @@
-:root{--van-submit-bar-height: 50px;--van-submit-bar-z-index: 100;--van-submit-bar-background: var(--van-background-2);--van-submit-bar-button-width: 110px;--van-submit-bar-price-color: var(--van-danger-color);--van-submit-bar-price-font-size: var(--van-font-size-sm);--van-submit-bar-price-integer-font-size: 20px;--van-submit-bar-price-font: var(--van-price-font);--van-submit-bar-currency-font-size: var(--van-font-size-md);--van-submit-bar-text-color: var(--van-text-color);--van-submit-bar-text-font-size: var(--van-font-size-md);--van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size: var(--van-font-size-sm);--van-submit-bar-tip-line-height: 1.5;--van-submit-bar-tip-color: var(--van-orange-dark);--van-submit-bar-tip-background: var(--van-orange-light);--van-submit-bar-tip-icon-size: 12px;--van-submit-bar-button-height: 40px;--van-submit-bar-padding: 0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background:var(--van-submit-bar-background);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background:var(--van-submit-bar-tip-background)}.van-submit-bar__tip-icon{margin-right:var(--van-padding-base);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-bold);font-size:var(--van-submit-bar-price-font-size);margin-left:var(--van-padding-base)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}
+:root{--van-submit-bar-height: 50px;--van-submit-bar-z-index: 100;--van-submit-bar-background: var(--van-background-2);--van-submit-bar-button-width: 110px;--van-submit-bar-price-color: var(--van-danger-color);--van-submit-bar-price-font-size: var(--van-font-size-sm);--van-submit-bar-price-integer-font-size: 20px;--van-submit-bar-price-font: var(--van-price-font);--van-submit-bar-text-color: var(--van-text-color);--van-submit-bar-text-font-size: var(--van-font-size-md);--van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size: var(--van-font-size-sm);--van-submit-bar-tip-line-height: 1.5;--van-submit-bar-tip-color: var(--van-orange-dark);--van-submit-bar-tip-background: var(--van-orange-light);--van-submit-bar-tip-icon-size: 12px;--van-submit-bar-button-height: 40px;--van-submit-bar-padding: 0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background:var(--van-submit-bar-background);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background:var(--van-submit-bar-tip-background)}.van-submit-bar__tip-icon{margin-right:var(--van-padding-base);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-bold);font-size:var(--van-submit-bar-price-font-size);margin-left:var(--van-padding-base)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}

package/es/tabs/Tabs.mjs

@@ -46,6 +46,8 @@ var stdin_default = defineComponent({
     let tabHeight;
     let lockScroll;
     let stickyFixed;
+    let cancelScrollLeftToRaf;
+    let cancelScrollTopToRaf;
     const root = ref();
     const navRef = ref();
     const wrapRef = ref();
@@ -93,7 +95,9 @@ var stdin_default = defineComponent({
       }
       const title = titles[state.currentIndex].$el;
       const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
-      scrollLeftTo(nav, to, immediate ? 0 : +props.duration);
+      if (cancelScrollLeftToRaf)
+        cancelScrollLeftToRaf();
+      cancelScrollLeftToRaf = scrollLeftTo(nav, to, immediate ? 0 : +props.duration);
     };
     const setLine = () => {
       const shouldAnimate = state.inited;
@@ -169,7 +173,9 @@ var stdin_default = defineComponent({
         if (target && scroller.value) {
           const to = getElementTop(target, scroller.value) - scrollOffset.value;
           lockScroll = true;
-          scrollTopTo(scroller.value, to, immediate ? 0 : +props.duration, () => {
+          if (cancelScrollTopToRaf)
+            cancelScrollTopToRaf();
+          cancelScrollTopToRaf = scrollTopTo(scroller.value, to, immediate ? 0 : +props.duration, () => {
             lockScroll = false;
           });
         }

package/es/tabs/utils.d.ts

@@ -1,3 +1,3 @@
 import { ScrollElement } from '../utils';
-export declare function scrollLeftTo(scroller: HTMLElement, to: number, duration: number): void;
-export declare function scrollTopTo(scroller: ScrollElement, to: number, duration: number, callback: () => void): void;
+export declare function scrollLeftTo(scroller: HTMLElement, to: number, duration: number): () => void;
+export declare function scrollTopTo(scroller: ScrollElement, to: number, duration: number, callback: () => void): () => void;

package/es/tabs/utils.mjs

@@ -1,22 +1,31 @@
-import { raf } from "@vant/use";
+import { raf, cancelRaf } from "@vant/use";
 import { getScrollTop, setScrollTop } from "../utils/index.mjs";
 function scrollLeftTo(scroller, to, duration) {
+  let rafId;
   let count = 0;
   const from = scroller.scrollLeft;
   const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
+  function cancel() {
+    cancelRaf(rafId);
+  }
   function animate() {
     scroller.scrollLeft += (to - from) / frames;
     if (++count < frames) {
-      raf(animate);
+      rafId = raf(animate);
     }
   }
   animate();
+  return cancel;
 }
 function scrollTopTo(scroller, to, duration, callback) {
+  let rafId;
   let current = getScrollTop(scroller);
   const isDown = current < to;
   const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
   const step = (to - current) / frames;
+  function cancel() {
+    cancelRaf(rafId);
+  }
   function animate() {
     current += step;
     if (isDown && current > to || !isDown && current < to) {
@@ -24,12 +33,13 @@ function scrollTopTo(scroller, to, duration, callback) {
     }
     setScrollTop(scroller, current);
     if (isDown && current < to || !isDown && current > to) {
-      raf(animate);
+      rafId = raf(animate);
     } else if (callback) {
-      raf(callback);
+      rafId = raf(callback);
     }
   }
   animate();
+  return cancel;
 }
 export {
   scrollLeftTo,

package/es/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,6 +209,7 @@ declare const _default: import("vue").DefineComponent<{
     resultType: UploaderResultType;
     uploadIcon: string;
     deletable: boolean;
+    reupload: boolean;
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;

package/es/uploader/Uploader.mjs

@@ -21,6 +21,7 @@ const uploaderProps = {
   uploadIcon: makeStringProp("photograph"),
   uploadText: String,
   deletable: truthProp,
+  reupload: Boolean,
   afterRead: Function,
   showUpload: truthProp,
   modelValue: makeArrayProp(),
@@ -38,13 +39,14 @@ const uploaderProps = {
 var stdin_default = defineComponent({
   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 = ref();
     const urls = [];
+    const reuploadIndex = ref(-1);
     const getDetail = (index = props.modelValue.length) => ({
       name: props.name,
       index
@@ -70,7 +72,14 @@ var stdin_default = defineComponent({
         }
       }
       items = reactive(items);
-      emit("update:modelValue", [...props.modelValue, ...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, ...toArray(items)]);
+      }
       if (props.afterRead) {
         props.afterRead(items, getDetail());
       }
@@ -171,15 +180,20 @@ var stdin_default = 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 = extend(pick(props, needPickData), pick(item, needPickData, true));
       return _createVNode(UploaderPreviewItem, _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)
       }, pick(props, ["name", "lazyLoad"]), previewData), pick(slots, ["preview-cover", "preview-delete"]));
     };
     const renderPreviewList = () => {
@@ -189,24 +203,25 @@ var stdin_default = 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 : _createVNode("input", {
         "ref": inputRef,
         "type": "file",
         "class": 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 _createVNode("div", {
+        return _withDirectives(_createVNode("div", {
           "class": bem("input-wrapper"),
           "onClick": onClickUpload
-        }, [slots.default(), Input]);
+        }, [slots.default(), Input]), [[_vShow, !hideUploader]]);
       }
       return _withDirectives(_createVNode("div", {
         "class": bem("upload", {
@@ -219,7 +234,7 @@ var stdin_default = defineComponent({
         "class": bem("upload-icon")
       }, null), props.uploadText && _createVNode("span", {
         "class": bem("upload-text")
-      }, [props.uploadText]), Input]), [[_vShow, props.showUpload]]);
+      }, [props.uploadText]), Input]), [[_vShow, props.showUpload && !hideUploader]]);
     };
     const chooseFile = () => {
       if (inputRef.value && !props.disabled) {

package/es/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/es/uploader/UploaderPreviewItem.mjs

@@ -13,10 +13,11 @@ var stdin_default = 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
@@ -58,6 +59,7 @@ var stdin_default = defineComponent({
       });
     };
     const onPreview = () => emit("preview");
+    const onReupload = () => emit("reupload");
     const renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== "uploading") {
         const slot = slots["preview-delete"];
@@ -93,7 +95,8 @@ var stdin_default = defineComponent({
         item,
         lazyLoad,
         imageFit,
-        previewSize
+        previewSize,
+        reupload
       } = props;
       if (isImageFile(item)) {
         return _createVNode(Image, {
@@ -103,7 +106,7 @@ var stdin_default = 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/es/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,6 +142,7 @@ 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;

package/es/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/address-edit/AddressEdit.js

@@ -196,6 +196,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         };
         return (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_cell.Cell, {
           "center": true,
+          "border": false,
           "title": t("defaultAddress"),
           "class": bem("default")
         }, slots2), [[import_vue.vShow, !hideBottomFields.value]]);

package/lib/area/Area.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import type { AreaList } from './types';
-export declare const areaProps: {
+export declare const areaProps: import("../utils").Writeable<Pick<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -24,7 +24,7 @@ export declare const areaProps: {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-} & {
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
     modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
@@ -40,7 +40,7 @@ export declare const areaProps: {
     };
 };
 export type AreaProps = ExtractPropTypes<typeof areaProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("../utils").Writeable<Pick<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-} & {
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
     modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
@@ -78,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AreaList>;
         default: () => {};
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<import("../utils").Writeable<Pick<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-} & {
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
     modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
@@ -124,9 +124,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     readonly: boolean;
     loading: boolean;
-    allowHtml: boolean;
     optionHeight: string | number;
-    showToolbar: boolean;
     swipeDuration: string | number;
     visibleOptionNum: string | number;
     columnsNum: string | number;

package/lib/area/Area.js

@@ -29,7 +29,7 @@ var import_utils2 = require("./utils");
 var import_use_expose = require("../composables/use-expose");
 var import_picker = require("../picker");
 const [name, bem] = (0, import_utils.createNamespace)("area");
-const areaProps = (0, import_utils.extend)({}, import_Picker.pickerSharedProps, {
+const areaProps = (0, import_utils.extend)({}, (0, import_utils.pick)(import_Picker.pickerSharedProps, import_utils2.INHERIT_PROPS), {
   modelValue: String,
   columnsNum: (0, import_utils.makeNumericProp)(3),
   columnsPlaceholder: (0, import_utils.makeArrayProp)(),

package/lib/area/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Area: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Area: import("../utils").WithInstall<import("vue").DefineComponent<import("../utils").Writeable<Pick<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -22,7 +22,7 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-} & {
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
     modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
@@ -36,7 +36,7 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<import("./types").AreaList>;
         default: () => {};
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("../utils").Writeable<Pick<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -60,7 +60,7 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-} & {
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
     modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
@@ -82,9 +82,7 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
 }, {
     readonly: boolean;
     loading: boolean;
-    allowHtml: boolean;
     optionHeight: string | number;
-    showToolbar: boolean;
     swipeDuration: string | number;
     visibleOptionNum: string | number;
     columnsNum: string | number;

package/lib/back-top/BackTop.d.ts

@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element | JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
     zIndex: (NumberConstructor | StringConstructor)[];

package/lib/back-top/BackTop.js

@@ -99,7 +99,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     (0, import_vue2.watch)(() => props.target, updateTarget);
     return () => {
       const Content = (0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
-        "ref": root,
+        "ref": !props.teleport ? root : void 0,
         "class": bem({
           active: show.value
         }),
@@ -110,11 +110,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem("icon")
       }, null)]);
       if (props.teleport) {
-        return (0, import_vue.createVNode)(import_vue2.Teleport, {
+        return [(0, import_vue.createVNode)("div", {
+          "ref": root,
+          "class": bem("placeholder")
+        }, null), (0, import_vue.createVNode)(import_vue2.Teleport, {
           "to": props.teleport
         }, {
           default: () => [Content]
-        });
+        })];
       }
       return Content;
     };

package/lib/back-top/index.css

@@ -1 +1 @@
-:root{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-z-index: 100;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);z-index:var(--van-back-top-z-index);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}
+:root{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-z-index: 100;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);z-index:var(--van-back-top-z-index);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top__placeholder{display:none}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}

package/lib/back-top/index.d.ts

@@ -12,7 +12,7 @@ export declare const BackTop: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element | JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     right: (NumberConstructor | StringConstructor)[];
     bottom: (NumberConstructor | StringConstructor)[];
     zIndex: (NumberConstructor | StringConstructor)[];