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

package/es/search/index.d.ts

@@ -20,6 +20,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
     clearTrigger: {
         type: import("vue").PropType<import("..").FieldClearTrigger>;
         default: import("..").FieldClearTrigger;
@@ -78,6 +79,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
     clearTrigger: {
         type: import("vue").PropType<import("..").FieldClearTrigger>;
         default: import("..").FieldClearTrigger;

package/es/search/index.less

@@ -1,7 +1,7 @@
 body {
   --van-search-padding: 10px var(--van-padding-sm);
   --van-search-background: var(--van-background-2);
-  --van-search-content-background: var(--van-gray-1);
+  --van-search-content-background: var(--van-background);
   --van-search-input-height: 34px;
   --van-search-label-padding: 0 5px;
   --van-search-label-color: var(--van-text-color);

package/es/share-sheet/ShareSheet.js

@@ -2,15 +2,19 @@ import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
 import { pick, extend, truthProp, makeArrayProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
 import { popupSharedProps, popupSharedPropKeys } from "../popup/shared";
+import { Icon } from "../icon";
 import { Popup } from "../popup";
-const PRESET_ICONS = ["qq", "link", "weibo", "wechat", "poster", "qrcode", "weapp-qrcode", "wechat-moments"];
 const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-function getIconURL(icon) {
-  if (PRESET_ICONS.includes(icon)) {
-    return `https://img.yzcdn.cn/vant/share-sheet-${icon}.png`;
-  }
-  return icon;
-}
+const iconMap = {
+  qq: "qq",
+  link: "link-o",
+  weibo: "weibo",
+  qrcode: "qr",
+  poster: "photo-o",
+  wechat: "wechat",
+  "weapp-qrcode": "miniprogram-o",
+  "wechat-moments": "wechat-moments"
+};
 const [name, bem, t] = createNamespace("share-sheet");
 const shareSheetProps = extend({}, popupSharedProps, {
   title: String,
@@ -48,6 +52,19 @@ var stdin_default = defineComponent({
         }, [description])]);
       }
     };
+    const renderIcon = (icon) => {
+      if (iconMap[icon]) {
+        return _createVNode("div", {
+          "class": bem("icon", [icon])
+        }, [_createVNode(Icon, {
+          "name": iconMap[icon] || icon
+        }, null)]);
+      }
+      return _createVNode("img", {
+        "src": icon,
+        "class": bem("image-icon")
+      }, null);
+    };
     const renderOption = (option, index) => {
       const {
         name: name2,
@@ -60,10 +77,7 @@ var stdin_default = defineComponent({
         "tabindex": 0,
         "class": [bem("option"), className, HAPTICS_FEEDBACK],
         "onClick": () => onSelect(option, index)
-      }, [_createVNode("img", {
-        "src": getIconURL(icon),
-        "class": bem("icon")
-      }, null), name2 && _createVNode("span", {
+      }, [renderIcon(icon), name2 && _createVNode("span", {
         "class": bem("name")
       }, [name2]), description && _createVNode("span", {
         "class": bem("option-description")

package/es/share-sheet/index.css

@@ -1 +1 @@
-body{--van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md);--van-share-sheet-title-color: var(--van-text-color);--van-share-sheet-title-font-size: var(--van-font-size-md);--van-share-sheet-title-line-height: var(--van-line-height-md);--van-share-sheet-description-color: var(--van-text-color-2);--van-share-sheet-description-font-size: var(--van-font-size-sm);--van-share-sheet-description-line-height: 16px;--van-share-sheet-icon-size: 48px;--van-share-sheet-option-name-color: var(--van-gray-7);--van-share-sheet-option-name-font-size: var(--van-font-size-sm);--van-share-sheet-option-description-color: var(--van-text-color-3);--van-share-sheet-option-description-font-size: var(--van-font-size-sm);--van-share-sheet-cancel-button-font-size: var(--van-font-size-lg);--van-share-sheet-cancel-button-height: 48px;--van-share-sheet-cancel-button-background: var(--van-background-2)}.van-share-sheet__header{padding:var(--van-share-sheet-header-padding);text-align:center}.van-share-sheet__title{margin-top:var(--van-padding-xs);color:var(--van-share-sheet-title-color);font-weight:400;font-size:var(--van-share-sheet-title-font-size);line-height:var(--van-share-sheet-title-line-height)}.van-share-sheet__description{display:block;margin-top:var(--van-padding-xs);color:var(--van-share-sheet-description-color);font-size:var(--van-share-sheet-description-font-size);line-height:var(--van-share-sheet-description-line-height)}.van-share-sheet__options{position:relative;display:flex;padding:var(--van-padding-md) 0 var(--van-padding-md) var(--van-padding-xs);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__icon{width:var(--van-share-sheet-icon-size);height:var(--van-share-sheet-icon-size);margin:0 var(--van-padding-md)}.van-share-sheet__name{margin-top:var(--van-padding-xs);padding:0 var(--van-padding-base);color:var(--van-share-sheet-option-name-color);font-size:var(--van-share-sheet-option-name-font-size)}.van-share-sheet__option-description{padding:0 var(--van-padding-base);color:var(--van-share-sheet-option-description-color);font-size:var(--van-share-sheet-option-description-font-size)}.van-share-sheet__cancel{display:block;width:100%;padding:0;font-size:var(--van-share-sheet-cancel-button-font-size);line-height:var(--van-share-sheet-cancel-button-height);text-align:center;background:var(--van-share-sheet-cancel-button-background);border:none;cursor:pointer}.van-share-sheet__cancel:before{display:block;height:var(--van-padding-xs);background-color:var(--van-background);content:" "}.van-share-sheet__cancel:active{background-color:var(--van-active-color)}
+body{--van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md);--van-share-sheet-title-color: var(--van-text-color);--van-share-sheet-title-font-size: var(--van-font-size-md);--van-share-sheet-title-line-height: var(--van-line-height-md);--van-share-sheet-description-color: var(--van-text-color-2);--van-share-sheet-description-font-size: var(--van-font-size-sm);--van-share-sheet-description-line-height: 16px;--van-share-sheet-icon-size: 48px;--van-share-sheet-option-name-color: var(--van-gray-7);--van-share-sheet-option-name-font-size: var(--van-font-size-sm);--van-share-sheet-option-description-color: var(--van-text-color-3);--van-share-sheet-option-description-font-size: var(--van-font-size-sm);--van-share-sheet-cancel-button-font-size: var(--van-font-size-lg);--van-share-sheet-cancel-button-height: 48px;--van-share-sheet-cancel-button-background: var(--van-background-2)}.van-share-sheet__header{padding:var(--van-share-sheet-header-padding);text-align:center}.van-share-sheet__title{margin-top:var(--van-padding-xs);color:var(--van-share-sheet-title-color);font-weight:400;font-size:var(--van-share-sheet-title-font-size);line-height:var(--van-share-sheet-title-line-height)}.van-share-sheet__description{display:block;margin-top:var(--van-padding-xs);color:var(--van-share-sheet-description-color);font-size:var(--van-share-sheet-description-font-size);line-height:var(--van-share-sheet-description-line-height)}.van-share-sheet__options{position:relative;display:flex;padding:var(--van-padding-md) 0 var(--van-padding-md) var(--van-padding-xs);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__icon,.van-share-sheet__image-icon{width:var(--van-share-sheet-icon-size);height:var(--van-share-sheet-icon-size);margin:0 var(--van-padding-md)}.van-share-sheet__icon{display:flex;align-items:center;justify-content:center;color:var(--van-gray-7);border-radius:100%;background-color:var(--van-gray-2)}.van-share-sheet__icon--link,.van-share-sheet__icon--poster,.van-share-sheet__icon--qrcode{font-size:26px}.van-share-sheet__icon--weapp-qrcode{font-size:28px}.van-share-sheet__icon--qq,.van-share-sheet__icon--weibo,.van-share-sheet__icon--wechat,.van-share-sheet__icon--wechat-moments{font-size:30px;color:var(--van-white)}.van-share-sheet__icon--qq{background-color:#38b9fa}.van-share-sheet__icon--wechat{background-color:#0bc15f}.van-share-sheet__icon--weibo{background-color:#ee575e}.van-share-sheet__icon--wechat-moments{background-color:#7bc845}.van-share-sheet__name{margin-top:var(--van-padding-xs);padding:0 var(--van-padding-base);color:var(--van-share-sheet-option-name-color);font-size:var(--van-share-sheet-option-name-font-size)}.van-share-sheet__option-description{padding:0 var(--van-padding-base);color:var(--van-share-sheet-option-description-color);font-size:var(--van-share-sheet-option-description-font-size)}.van-share-sheet__cancel{display:block;width:100%;padding:0;font-size:var(--van-share-sheet-cancel-button-font-size);line-height:var(--van-share-sheet-cancel-button-height);text-align:center;background:var(--van-share-sheet-cancel-button-background);border:none;cursor:pointer}.van-share-sheet__cancel:before{display:block;height:var(--van-padding-xs);background-color:var(--van-background);content:" "}.van-share-sheet__cancel:active{background-color:var(--van-active-color)}

package/es/share-sheet/index.less

@@ -64,12 +64,56 @@ body {
     user-select: none;
   }
 
-  &__icon {
+  &__icon,
+  &__image-icon {
     width: var(--van-share-sheet-icon-size);
     height: var(--van-share-sheet-icon-size);
     margin: 0 var(--van-padding-md);
   }
 
+  &__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--van-gray-7);
+    border-radius: 100%;
+    background-color: var(--van-gray-2);
+
+    &--link,
+    &--poster,
+    &--qrcode {
+      font-size: 26px;
+    }
+
+    &--weapp-qrcode {
+      font-size: 28px;
+    }
+
+    &--qq,
+    &--weibo,
+    &--wechat,
+    &--wechat-moments {
+      font-size: 30px;
+      color: var(--van-white);
+    }
+
+    &--qq {
+      background-color: #38b9fa;
+    }
+
+    &--wechat {
+      background-color: #0bc15f;
+    }
+
+    &--weibo {
+      background-color: #ee575e;
+    }
+
+    &--wechat-moments {
+      background-color: #7bc845;
+    }
+  }
+
   &__name {
     margin-top: var(--van-padding-xs);
     padding: 0 var(--van-padding-base);

package/es/skeleton/Skeleton.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 export declare type SkeletonAvatarShape = 'square' | 'round';
 declare const skeletonProps: {
     row: {
@@ -23,7 +24,7 @@ declare const skeletonProps: {
         default: SkeletonAvatarShape;
     };
     rowWidth: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: string;
     };
 };
@@ -51,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
         default: SkeletonAvatarShape;
     };
     rowWidth: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: string;
     };
 }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -79,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
         default: SkeletonAvatarShape;
     };
     rowWidth: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: string;
     };
 }>>, {
@@ -90,6 +91,6 @@ declare const _default: import("vue").DefineComponent<{
     row: string | number;
     avatar: boolean;
     avatarShape: SkeletonAvatarShape;
-    rowWidth: string | number | (string | number)[];
+    rowWidth: Numeric | Numeric[];
 }>;
 export default _default;

package/es/skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
 import { addUnit, truthProp, numericProp, getSizeStyle, makeStringProp, makeNumericProp, createNamespace } from "../utils";
 const [name, bem] = createNamespace("skeleton");
@@ -21,9 +21,11 @@ const skeletonProps = {
 };
 var stdin_default = defineComponent({
   name,
+  inheritAttrs: false,
   props: skeletonProps,
   setup(props, {
-    slots
+    slots,
+    attrs
   }) {
     const renderAvatar = () => {
       if (props.avatar) {
@@ -66,12 +68,12 @@ var stdin_default = defineComponent({
       if (!props.loading) {
         return (_a = slots.default) == null ? void 0 : _a.call(slots);
       }
-      return _createVNode("div", {
+      return _createVNode("div", _mergeProps({
         "class": bem({
           animate: props.animate,
           round: props.round
         })
-      }, [renderAvatar(), _createVNode("div", {
+      }, attrs), [renderAvatar(), _createVNode("div", {
         "class": bem("content")
       }, [renderTitle(), renderRows()])]);
     };

package/es/skeleton/index.d.ts

@@ -21,7 +21,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
         default: import("./Skeleton").SkeletonAvatarShape;
     };
     rowWidth: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
 }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -49,7 +49,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
         default: import("./Skeleton").SkeletonAvatarShape;
     };
     rowWidth: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
 }>>, {
@@ -60,7 +60,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     row: string | number;
     avatar: boolean;
     avatarShape: import("./Skeleton").SkeletonAvatarShape;
-    rowWidth: string | number | (string | number)[];
+    rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
 }>>;
 export default Skeleton;
 export type { SkeletonProps, SkeletonAvatarShape } from './Skeleton';

package/es/slider/index.css

@@ -1 +1 @@
-body{--van-slider-active-background: var(--van-primary-color);--van-slider-inactive-background: var(--van-gray-3);--van-slider-disabled-opacity: var(--van-disabled-opacity);--van-slider-bar-height: 2px;--van-slider-button-width: 24px;--van-slider-button-height: 24px;--van-slider-button-radius: 50%;--van-slider-button-background: var(--van-white);--van-slider-button-shadow: 0 1px 2px rgba(0, 0, 0, .5)}.van-theme-dark{--van-slider-inactive-background: var(--van-background-3)}.van-slider{position:relative;width:100%;height:var(--van-slider-bar-height);background:var(--van-slider-inactive-background);border-radius:var(--van-radius-max);cursor:pointer}.van-slider:before{position:absolute;top:calc(var(--van-padding-xs) * -1);right:0;bottom:calc(var(--van-padding-xs) * -1);left:0;content:""}.van-slider__bar{position:absolute;width:100%;height:100%;background:var(--van-slider-active-background);border-radius:inherit;transition:all var(--van-duration-fast)}.van-slider__button{width:var(--van-slider-button-width);height:var(--van-slider-button-height);background:var(--van-slider-button-background);border-radius:var(--van-slider-button-radius);box-shadow:var(--van-slider-button-shadow)}.van-slider__button-wrapper{position:absolute;cursor:-webkit-grab;cursor:grab;top:50%}.van-slider__button-wrapper--right{right:0;transform:translate(50%,-50%)}.van-slider__button-wrapper--left{left:0;transform:translate(-50%,-50%)}.van-slider--disabled{cursor:not-allowed;opacity:var(--van-slider-disabled-opacity)}.van-slider--disabled .van-slider__button-wrapper{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:var(--van-slider-bar-height);height:100%}.van-slider--vertical .van-slider__button-wrapper--right{top:auto;right:50%;bottom:0;transform:translate(50%,50%)}.van-slider--vertical .van-slider__button-wrapper--left{top:0;right:50%;left:auto;transform:translate(50%,-50%)}.van-slider--vertical:before{top:0;right:calc(var(--van-padding-xs) * -1);bottom:0;left:calc(var(--van-padding-xs) * -1)}
+body{--van-slider-active-background: var(--van-primary-color);--van-slider-inactive-background: var(--van-gray-3);--van-slider-disabled-opacity: var(--van-disabled-opacity);--van-slider-bar-height: 2px;--van-slider-button-width: 24px;--van-slider-button-height: 24px;--van-slider-button-radius: 50%;--van-slider-button-background: var(--van-white);--van-slider-button-shadow: 0 1px 2px rgba(0, 0, 0, .5)}.van-theme-dark{--van-slider-inactive-background: var(--van-background-3)}.van-slider{position:relative;width:100%;height:var(--van-slider-bar-height);background:var(--van-slider-inactive-background);border-radius:var(--van-radius-max);cursor:pointer}.van-slider:before{position:absolute;top:calc(var(--van-padding-xs) * -1);right:0;bottom:calc(var(--van-padding-xs) * -1);left:0;content:""}.van-slider__bar{position:absolute;width:100%;height:100%;background:var(--van-slider-active-background);border-radius:inherit;transition:all var(--van-duration-fast)}.van-slider__button{width:var(--van-slider-button-width);height:var(--van-slider-button-height);background:var(--van-slider-button-background);border-radius:var(--van-slider-button-radius);box-shadow:var(--van-slider-button-shadow)}.van-slider__button-wrapper{position:absolute;cursor:-webkit-grab;cursor:grab;top:50%}.van-slider__button-wrapper--right{right:0;transform:translate3d(50%,-50%,0)}.van-slider__button-wrapper--left{left:0;transform:translate3d(-50%,-50%,0)}.van-slider--disabled{cursor:not-allowed;opacity:var(--van-slider-disabled-opacity)}.van-slider--disabled .van-slider__button-wrapper{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:var(--van-slider-bar-height);height:100%}.van-slider--vertical .van-slider__button-wrapper--right{top:auto;right:50%;bottom:0;transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper--left{top:0;right:50%;left:auto;transform:translate3d(50%,-50%,0)}.van-slider--vertical:before{top:0;right:calc(var(--van-padding-xs) * -1);bottom:0;left:calc(var(--van-padding-xs) * -1)}

package/es/style/animation.css

@@ -1 +1 @@
-@keyframes van-slide-up-enter{0%{transform:translateY(100%)}}@keyframes van-slide-up-leave{to{transform:translateY(100%)}}@keyframes van-slide-down-enter{0%{transform:translateY(-100%)}}@keyframes van-slide-down-leave{to{transform:translateY(-100%)}}@keyframes van-slide-left-enter{0%{transform:translate(-100%)}}@keyframes van-slide-left-leave{to{transform:translate(-100%)}}@keyframes van-slide-right-enter{0%{transform:translate(100%)}}@keyframes van-slide-right-leave{to{transform:translate(100%)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}
+@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}

package/es/style/base.css

@@ -1 +1 @@
-body{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translateY(100%)}}@keyframes van-slide-up-leave{to{transform:translateY(100%)}}@keyframes van-slide-down-enter{0%{transform:translateY(-100%)}}@keyframes van-slide-down-leave{to{transform:translateY(-100%)}}@keyframes van-slide-left-enter{0%{transform:translate(-100%)}}@keyframes van-slide-left-leave{to{transform:translate(-100%)}}@keyframes van-slide-right-enter{0%{transform:translate(100%)}}@keyframes van-slide-right-leave{to{transform:translate(100%)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}
+body{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}

package/es/style/base.less

@@ -25,6 +25,11 @@
   .multi-ellipsis(3);
 }
 
+.van-safe-area-top {
+  padding-top: constant(safe-area-inset-top);
+  padding-top: env(safe-area-inset-top);
+}
+
 .van-safe-area-bottom {
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);

package/es/swipe-cell/SwipeCell.js

@@ -143,7 +143,7 @@ var stdin_default = defineComponent({
       return _createVNode("div", {
         "ref": root,
         "class": bem(),
-        "onClick": getClickHandler("cell"),
+        "onClick": getClickHandler("cell", lockClick),
         "onTouchstart": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,

package/es/swipe-cell/index.css

@@ -1 +1 @@
-.van-swipe-cell{position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab}.van-swipe-cell__wrapper{transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-property:transform}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;transform:translate(-100%)}.van-swipe-cell__right{right:0;transform:translate(100%)}
+.van-swipe-cell{position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab}.van-swipe-cell__wrapper{transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-property:transform}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}

package/es/tabbar/Tabbar.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
-import { Interceptor } from '../utils';
+import { type Numeric, type Interceptor } from '../utils';
 declare const tabbarProps: {
     route: BooleanConstructor;
     fixed: {
@@ -27,7 +27,7 @@ declare const tabbarProps: {
 export declare type TabbarProps = ExtractPropTypes<typeof tabbarProps>;
 export declare type TabbarProvide = {
     props: TabbarProps;
-    setActive: (active: number | string, afterChange: () => void) => void;
+    setActive: (active: Numeric, afterChange: () => void) => void;
 };
 export declare const TABBAR_KEY: InjectionKey<TabbarProvide>;
 declare const _default: import("vue").DefineComponent<{

package/es/tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
-import { Interceptor } from '../utils';
+import { type Interceptor } from '../utils';
 import type { TabsProvide, TabsType } from './types';
 declare const tabsProps: {
     type: {

package/es/tabs/Tabs.js

@@ -216,6 +216,7 @@ var stdin_default = defineComponent({
       }
     };
     const renderNav = () => children.map((item, index) => _createVNode(TabsTitle, _mergeProps({
+      "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
       "type": props.type,

package/es/tabs/types.d.ts

@@ -1,8 +1,9 @@
 import type { ComponentPublicInstance, ComputedRef } from 'vue';
+import type { Numeric } from '../utils';
 import type { TabsProps } from './Tabs';
 export declare type TabsType = 'line' | 'card';
 export declare type TabsClickTabEventParams = {
-    name: string | number;
+    name: Numeric;
     title: string;
     event: MouseEvent;
     disabled: boolean;
@@ -11,12 +12,12 @@ export declare type TabsProvide = {
     id: string;
     props: TabsProps;
     setLine: () => void;
-    onRendered: (name: string | number, title?: string) => void;
+    onRendered: (name: Numeric, title?: string) => void;
     scrollIntoView: (immediate?: boolean) => void;
-    currentName: ComputedRef<number | string | undefined>;
+    currentName: ComputedRef<Numeric | undefined>;
 };
 export declare type TabsExpose = {
     resize: () => void;
-    scrollTo: (name: number | string) => void;
+    scrollTo: (name: Numeric) => void;
 };
 export declare type TabsInstance = ComponentPublicInstance<TabsProps, TabsExpose>;

package/es/toast/Toast.js

@@ -82,6 +82,7 @@ var stdin_default = defineComponent({
       } = props;
       if (isDef(message) && message !== "") {
         return type === "html" ? _createVNode("div", {
+          "key": 0,
           "class": bem("text"),
           "innerHTML": String(message)
         }, null) : _createVNode("div", {

package/es/toast/types.d.ts

@@ -1,19 +1,20 @@
 import { Toast } from './function-call';
 import type { TeleportProps } from 'vue';
 import type { LoadingType } from '../loading';
+import type { Numeric } from '../utils';
 export declare type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
 export declare type ToastPosition = 'top' | 'middle' | 'bottom';
 export declare type ToastOptions = {
     icon?: string;
     type?: ToastType;
     mask?: boolean;
-    message?: string | number;
+    message?: Numeric;
     onClose?: () => void;
     onOpened?: () => void;
     overlay?: boolean;
     duration?: number;
     teleport?: TeleportProps['to'];
-    iconSize?: number | string;
+    iconSize?: Numeric;
     position?: ToastPosition;
     className?: unknown;
     transition?: string;

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

@@ -1,13 +1,14 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 export declare type TreeSelectChild = {
-    id: number | string;
+    id: Numeric;
     text: string;
     disabled?: boolean;
 };
 export declare type TreeSelectItem = {
     dot?: boolean;
     text: string;
-    badge?: number | string;
+    badge?: Numeric;
     children?: TreeSelectChild[];
     disabled?: boolean;
     className?: unknown;
@@ -34,7 +35,7 @@ declare const treeSelectProps: {
         default: number;
     };
     activeId: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: number;
     };
 };
@@ -61,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     activeId: {
-        type: PropType<string | number | (string | number)[]>;
+        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<{
@@ -86,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     activeId: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: number;
     };
 }>> & {
@@ -100,6 +101,6 @@ declare const _default: import("vue").DefineComponent<{
     items: TreeSelectItem[];
     selectedIcon: string;
     mainActiveIndex: string | number;
-    activeId: string | number | (string | number)[];
+    activeId: Numeric | Numeric[];
 }>;
 export default _default;

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

@@ -20,7 +20,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
         default: number;
     };
     activeId: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        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<{
@@ -45,7 +45,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
         default: number;
     };
     activeId: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: number;
     };
 }>> & {
@@ -59,7 +59,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     items: import("./TreeSelect").TreeSelectItem[];
     selectedIcon: string;
     mainActiveIndex: string | number;
-    activeId: string | number | (string | number)[];
+    activeId: import("../utils").Numeric | import("../utils").Numeric[];
 }>>;
 export default TreeSelect;
 export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';

package/es/uploader/Uploader.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
-import { Interceptor } from '../utils';
+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';
@@ -49,7 +49,7 @@ declare const uploaderProps: {
     };
     beforeRead: PropType<UploaderBeforeRead>;
     beforeDelete: PropType<Interceptor>;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: PropType<Numeric | [Numeric, Numeric]>;
     previewImage: {
         type: BooleanConstructor;
         default: true;
@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     beforeRead: PropType<UploaderBeforeRead>;
     beforeDelete: PropType<Interceptor>;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: PropType<Numeric | [Numeric, Numeric]>;
     previewImage: {
         type: BooleanConstructor;
         default: true;
@@ -171,7 +171,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     beforeRead: PropType<UploaderBeforeRead>;
     beforeDelete: PropType<Interceptor>;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: PropType<Numeric | [Numeric, Numeric]>;
     previewImage: {
         type: BooleanConstructor;
         default: true;

package/es/uploader/Uploader.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, reactive, defineComponent, onBeforeUnmount } from "vue";
-import { pick, extend, isPromise, truthProp, numericProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils";
-import { bem, name, toArray, isOversize, filterFiles, isImageFile, readFileContent } from "./utils";
+import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils";
+import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils";
 import { useCustomFieldValue } from "@vant/use";
 import { useExpose } from "../composables/use-expose";
 import { Icon } from "../icon";
@@ -26,7 +26,7 @@ const uploaderProps = {
   modelValue: makeArrayProp(),
   beforeRead: Function,
   beforeDelete: Function,
-  previewSize: numericProp,
+  previewSize: [Number, String, Array],
   previewImage: truthProp,
   previewOptions: Object,
   previewFullImage: truthProp,

package/es/uploader/UploaderPreviewItem.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import { Interceptor } from '../utils';
+import { type Numeric, type Interceptor } from '../utils';
 import { ImageFit } from '../image';
 import type { UploaderFileListItem } from './types';
 declare const _default: import("vue").DefineComponent<{
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     imageFit: PropType<ImageFit>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    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<{
     name: (NumberConstructor | StringConstructor)[];
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     imageFit: PropType<ImageFit>;
     lazyLoad: BooleanConstructor;
     deletable: BooleanConstructor;
-    previewSize: (NumberConstructor | StringConstructor)[];
+    previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
 }>> & {
     onDelete?: ((...args: any[]) => any) | undefined;

package/es/uploader/UploaderPreviewItem.js

@@ -13,7 +13,7 @@ var stdin_default = defineComponent({
     imageFit: String,
     lazyLoad: Boolean,
     deletable: Boolean,
-    previewSize: numericProp,
+    previewSize: [Number, String, Array],
     beforeDelete: Function
   },
   emits: ["delete", "preview"],
@@ -87,16 +87,19 @@ var stdin_default = defineComponent({
     };
     const renderPreview = () => {
       const {
-        item
+        item,
+        lazyLoad,
+        imageFit,
+        previewSize
       } = props;
       if (isImageFile(item)) {
         return _createVNode(Image, {
-          "fit": props.imageFit,
+          "fit": imageFit,
           "src": item.content || item.url,
           "class": bem("preview-image"),
-          "width": props.previewSize,
-          "height": props.previewSize,
-          "lazyLoad": props.lazyLoad,
+          "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
+          "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
+          "lazyLoad": lazyLoad,
           "onClick": onPreview
         }, {
           default: renderCover