vant 4.0.0-rc.5 → 4.0.0-rc.7

package/lib/skeleton/SkeletonTitle.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default,
+  skeletonTitleProps: () => skeletonTitleProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+const [name, bem] = (0, import_utils.createNamespace)("skeleton-title");
+const skeletonTitleProps = {
+  round: Boolean,
+  titleWidth: import_utils.numericProp
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: skeletonTitleProps,
+  setup(props) {
+    return () => (0, import_vue.createVNode)("h3", {
+      "class": bem([{
+        round: props.round
+      }]),
+      "style": {
+        width: (0, import_utils.addUnit)(props.titleWidth)
+      }
+    }, null);
+  }
+});

package/lib/skeleton/index.css

@@ -1 +1 @@
-:root{--van-skeleton-row-height: 16px;--van-skeleton-row-background: var(--van-active-color);--van-skeleton-row-margin-top: var(--van-padding-sm);--van-skeleton-title-width: 40%;--van-skeleton-avatar-size: 32px;--van-skeleton-avatar-background: var(--van-active-color);--van-skeleton-duration: 1.2s}.van-skeleton{display:flex;padding:0 var(--van-padding-md)}.van-skeleton__avatar{flex-shrink:0;width:var(--van-skeleton-avatar-size);height:var(--van-skeleton-avatar-size);margin-right:var(--van-padding-md);background:var(--van-skeleton-avatar-background)}.van-skeleton__avatar--round{border-radius:var(--van-radius-max)}.van-skeleton__content{width:100%}.van-skeleton__avatar+.van-skeleton__content{padding-top:var(--van-padding-xs)}.van-skeleton__row,.van-skeleton__title{height:var(--van-skeleton-row-height);background:var(--van-skeleton-row-background)}.van-skeleton__title{width:var(--van-skeleton-title-width);margin:0}.van-skeleton__row:not(:first-child){margin-top:var(--van-skeleton-row-margin-top)}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{animation:van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite}.van-skeleton--round .van-skeleton__row,.van-skeleton--round .van-skeleton__title{border-radius:var(--van-radius-max)}@keyframes van-skeleton-blink{50%{opacity:.6}}
+:root{--van-skeleton-paragraph-height: 16px;--van-skeleton-paragraph-background: var(--van-active-color);--van-skeleton-paragraph-margin-top: var(--van-padding-sm);--van-skeleton-title-width: 40%;--van-skeleton-avatar-size: 32px;--van-skeleton-avatar-background: var(--van-active-color);--van-skeleton-image-size: 96px;--van-skeleton-image-radius: 24px;--van-skeleton-duration: 1.2s}.van-skeleton{display:flex;padding:0 var(--van-padding-md)}.van-skeleton-avatar{flex-shrink:0;width:var(--van-skeleton-avatar-size);height:var(--van-skeleton-avatar-size);margin-right:var(--van-padding-md);background:var(--van-skeleton-avatar-background)}.van-skeleton-avatar--round{border-radius:var(--van-radius-max)}.van-skeleton__content{width:100%}.van-skeleton-avatar+.van-skeleton__content{padding-top:var(--van-padding-xs)}.van-skeleton-paragraph,.van-skeleton-title{height:var(--van-skeleton-paragraph-height);background:var(--van-skeleton-paragraph-background)}.van-skeleton-paragraph--round,.van-skeleton-title--round{border-radius:var(--van-radius-max)}.van-skeleton-title{width:var(--van-skeleton-title-width);margin:0}.van-skeleton-paragraph:not(:first-child){margin-top:var(--van-skeleton-paragraph-margin-top)}.van-skeleton-title+.van-skeleton-paragraph{margin-top:20px}.van-skeleton--animate{animation:van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite}.van-skeleton-image{display:flex;width:var(--van-skeleton-image-size);height:var(--van-skeleton-image-size);align-items:center;justify-content:center;background:var(--van-active-color)}.van-skeleton-image--round{border-radius:var(--van-skeleton-image-radius)}.van-skeleton-image__icon{width:calc(var(--van-skeleton-image-size) / 2);height:calc(var(--van-skeleton-image-size) / 2);font-size:calc(var(--van-skeleton-image-size) / 2);color:var(--van-gray-5)}@keyframes van-skeleton-blink{50%{opacity:.6}}

package/lib/skeleton/index.d.ts

@@ -1,11 +1,72 @@
+export declare const SkeletonImage: import("../utils").WithInstall<import("vue").DefineComponent<{
+    imageSize: (NumberConstructor | StringConstructor)[];
+    imageShape: {
+        type: import("vue").PropType<import("./types").SkeletonImageShape>;
+        default: import("./types").SkeletonImageShape;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    imageSize: (NumberConstructor | StringConstructor)[];
+    imageShape: {
+        type: import("vue").PropType<import("./types").SkeletonImageShape>;
+        default: import("./types").SkeletonImageShape;
+    };
+}>>, {
+    imageShape: import("./types").SkeletonImageShape;
+}>>;
+export declare const SkeletonTitle: import("../utils").WithInstall<import("vue").DefineComponent<{
+    round: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    round: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
+}>>, {
+    round: boolean;
+}>>;
+export declare const SkeletonAvatar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
+        default: import("./types").SkeletonAvatarShape;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
+        default: import("./types").SkeletonAvatarShape;
+    };
+}>>, {
+    avatarShape: import("./types").SkeletonAvatarShape;
+}>>;
+export declare const SkeletonParagraph: import("../utils").WithInstall<import("vue").DefineComponent<{
+    round: BooleanConstructor;
+    rowWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    round: BooleanConstructor;
+    rowWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+}>>, {
+    round: boolean;
+    rowWidth: string | number;
+}>>;
 export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
     row: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    title: BooleanConstructor;
     round: BooleanConstructor;
+    title: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
     avatar: BooleanConstructor;
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
+        default: import("./types").SkeletonAvatarShape;
+    };
     loading: {
         type: BooleanConstructor;
         default: true;
@@ -14,12 +75,6 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    avatarSize: (NumberConstructor | StringConstructor)[];
-    titleWidth: (NumberConstructor | StringConstructor)[];
-    avatarShape: {
-        type: import("vue").PropType<import("./Skeleton").SkeletonAvatarShape>;
-        default: import("./Skeleton").SkeletonAvatarShape;
-    };
     rowWidth: {
         type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
@@ -31,9 +86,15 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    title: BooleanConstructor;
     round: BooleanConstructor;
+    title: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
     avatar: BooleanConstructor;
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
+        default: import("./types").SkeletonAvatarShape;
+    };
     loading: {
         type: BooleanConstructor;
         default: true;
@@ -42,12 +103,6 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    avatarSize: (NumberConstructor | StringConstructor)[];
-    titleWidth: (NumberConstructor | StringConstructor)[];
-    avatarShape: {
-        type: import("vue").PropType<import("./Skeleton").SkeletonAvatarShape>;
-        default: import("./Skeleton").SkeletonAvatarShape;
-    };
     rowWidth: {
         type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
@@ -58,16 +113,28 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     round: boolean;
     loading: boolean;
     row: string | number;
-    avatar: boolean;
-    avatarShape: import("./Skeleton").SkeletonAvatarShape;
+    avatarShape: import("./types").SkeletonAvatarShape;
     rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
+    avatar: boolean;
 }>>;
 export default Skeleton;
 export { skeletonProps } from './Skeleton';
-export type { SkeletonProps, SkeletonAvatarShape } from './Skeleton';
-export type { SkeletonThemeVars } from './types';
+export type { SkeletonProps } from './Skeleton';
+export { skeletonImageProps } from './SkeletonImage';
+export type { SkeletonImageProps } from './SkeletonImage';
+export { skeletonAvatarProps } from './SkeletonAvatar';
+export type { SkeletonAvatarProps } from './SkeletonAvatar';
+export { skeletonParagraphProps } from './SkeletonParagraph';
+export type { SkeletonParagraphProps } from './SkeletonParagraph';
+export { skeletonTitleProps } from './SkeletonTitle';
+export type { SkeletonTitleProps } from './SkeletonTitle';
+export type { SkeletonThemeVars, SkeletonImageShape, SkeletonAvatarShape, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSkeleton: typeof Skeleton;
+        VanSkeletonImage: typeof SkeletonImage;
+        VanSkeletonTitle: typeof SkeletonTitle;
+        VanSkeletonAvatar: typeof SkeletonAvatar;
+        VanSkeletonParagraph: typeof SkeletonParagraph;
     }
 }

package/lib/skeleton/index.js

@@ -24,12 +24,32 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Skeleton: () => Skeleton,
+  SkeletonAvatar: () => SkeletonAvatar,
+  SkeletonImage: () => SkeletonImage,
+  SkeletonParagraph: () => SkeletonParagraph,
+  SkeletonTitle: () => SkeletonTitle,
   default: () => stdin_default,
-  skeletonProps: () => import_Skeleton2.skeletonProps
+  skeletonAvatarProps: () => import_SkeletonAvatar2.skeletonAvatarProps,
+  skeletonImageProps: () => import_SkeletonImage2.skeletonImageProps,
+  skeletonParagraphProps: () => import_SkeletonParagraph2.skeletonParagraphProps,
+  skeletonProps: () => import_Skeleton2.skeletonProps,
+  skeletonTitleProps: () => import_SkeletonTitle2.skeletonTitleProps
 });
 module.exports = __toCommonJS(stdin_exports);
-var import_utils = require("../utils");
 var import_Skeleton = __toESM(require("./Skeleton"));
+var import_SkeletonImage = __toESM(require("./SkeletonImage"));
+var import_SkeletonTitle = __toESM(require("./SkeletonTitle"));
+var import_SkeletonAvatar = __toESM(require("./SkeletonAvatar"));
+var import_SkeletonParagraph = __toESM(require("./SkeletonParagraph"));
+var import_utils = require("../utils");
 var import_Skeleton2 = require("./Skeleton");
+var import_SkeletonImage2 = require("./SkeletonImage");
+var import_SkeletonAvatar2 = require("./SkeletonAvatar");
+var import_SkeletonParagraph2 = require("./SkeletonParagraph");
+var import_SkeletonTitle2 = require("./SkeletonTitle");
+const SkeletonImage = (0, import_utils.withInstall)(import_SkeletonImage.default);
+const SkeletonTitle = (0, import_utils.withInstall)(import_SkeletonTitle.default);
+const SkeletonAvatar = (0, import_utils.withInstall)(import_SkeletonAvatar.default);
+const SkeletonParagraph = (0, import_utils.withInstall)(import_SkeletonParagraph.default);
 const Skeleton = (0, import_utils.withInstall)(import_Skeleton.default);
 var stdin_default = Skeleton;

package/lib/skeleton/style/index.js

@@ -1,2 +1,4 @@
 require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
 require("../index.css");

package/lib/skeleton/types.d.ts

@@ -1,9 +1,13 @@
+export declare type SkeletonAvatarShape = 'square' | 'round';
+export declare type SkeletonImageShape = 'square' | 'round';
 export declare type SkeletonThemeVars = {
-    skeletonRowHeight?: string;
-    skeletonRowBackground?: string;
-    skeletonRowMarginTop?: string;
+    skeletonParagraphHeight?: string;
+    skeletonParagraphBackground?: string;
+    skeletonParagraphMarginTop?: string;
     skeletonTitleWidth?: string;
     skeletonAvatarSize?: string;
     skeletonAvatarBackground?: string;
+    SkeletonImageSize?: string;
+    SkeletonImageRadius?: string;
     skeletonDuration?: string;
 };

package/lib/stepper/Stepper.d.ts

@@ -177,13 +177,13 @@ declare const _default: import("vue").DefineComponent<{
     name: string | number;
     max: string | number;
     disabled: boolean;
+    longPress: boolean;
     step: string | number;
     min: string | number;
     integer: boolean;
     showPlus: boolean;
     showMinus: boolean;
     showInput: boolean;
-    longPress: boolean;
     autoFixed: boolean;
     allowEmpty: boolean;
     disablePlus: boolean;

package/lib/stepper/Stepper.js

@@ -27,7 +27,6 @@ var import_utils = require("../utils");
 var import_use = require("@vant/use");
 const [name, bem] = (0, import_utils.createNamespace)("stepper");
 const LONG_PRESS_INTERVAL = 200;
-const LONG_PRESS_START_TIME = 600;
 const isEqual = (value1, value2) => String(value1) === String(value2);
 const stepperProps = {
   min: (0, import_utils.makeNumericProp)(1),
@@ -182,7 +181,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           isLongPress = true;
           onChange();
           longPressStep();
-        }, LONG_PRESS_START_TIME);
+        }, import_utils.LONG_PRESS_START_TIME);
       }
     };
     const onTouchEnd = (event) => {

package/lib/stepper/index.d.ts

@@ -118,13 +118,13 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     name: string | number;
     max: string | number;
     disabled: boolean;
+    longPress: boolean;
     step: string | number;
     min: string | number;
     integer: boolean;
     showPlus: boolean;
     showMinus: boolean;
     showInput: boolean;
-    longPress: boolean;
     autoFixed: boolean;
     allowEmpty: boolean;
     disablePlus: boolean;

package/lib/swipe/Swipe.js

@@ -78,7 +78,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return 0;
     });
-    const maxCount = (0, import_vue2.computed)(() => Math.ceil(Math.abs(minOffset.value) / size.value));
+    const maxCount = (0, import_vue2.computed)(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
     const trackSize = (0, import_vue2.computed)(() => count.value * size.value);
     const activeIndicator = (0, import_vue2.computed)(() => (state.active + count.value) % count.value);
     const isCorrectDirection = (0, import_vue2.computed)(() => {

package/lib/time-picker/TimePicker.js

@@ -61,7 +61,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         case "second":
           return (0, import_utils2.genOptions)(+props.minSecond, +props.maxSecond, type, formatter, filter);
         default:
-          throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+          if (process.env.NODE_ENV !== "production") {
+            throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+          }
+          return [];
       }
     }));
     (0, import_vue2.watch)(currentValues, (newValues) => {

package/lib/toast/Toast.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
-import type { ToastType, ToastPosition } from './types';
+import type { ToastType, ToastPosition, ToastWordBreak } from './types';
 export declare const toastProps: {
     icon: StringConstructor;
     show: BooleanConstructor;
@@ -20,6 +20,7 @@ export declare const toastProps: {
         default: ToastPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: PropType<ToastWordBreak>;
     className: PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -53,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         default: ToastPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: PropType<ToastWordBreak>;
     className: PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -84,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
         default: ToastPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: PropType<ToastWordBreak>;
     className: PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {

package/lib/toast/Toast.js

@@ -40,6 +40,7 @@ const toastProps = {
   duration: (0, import_utils.makeNumberProp)(2e3),
   position: (0, import_utils.makeStringProp)("middle"),
   teleport: [String, Object],
+  wordBreak: String,
   className: import_utils.unknownProp,
   iconPrefix: String,
   transition: (0, import_utils.makeStringProp)("van-fade"),
@@ -131,7 +132,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     (0, import_vue2.onMounted)(toggleClickable);
     (0, import_vue2.onUnmounted)(toggleClickable);
     return () => (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
-      "class": [bem([props.position, {
+      "class": [bem([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
         [props.type]: !props.icon
       }]), props.className],
       "lockScroll": false,

package/lib/toast/index.css

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

package/lib/toast/index.d.ts

@@ -17,6 +17,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
         default: import("./types").ToastPosition;
     };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: import("vue").PropType<import("./types").ToastWordBreak>;
     className: import("vue").PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -48,6 +49,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
         default: import("./types").ToastPosition;
     };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: import("vue").PropType<import("./types").ToastWordBreak>;
     className: import("vue").PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -77,7 +79,7 @@ export default Toast;
 export { toastProps } from './Toast';
 export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';
 export type { ToastProps } from './Toast';
-export type { ToastType, ToastOptions, ToastPosition, ToastThemeVars, } from './types';
+export type { ToastType, ToastOptions, ToastPosition, ToastThemeVars, ToastWordBreak, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanToast: typeof Toast;

package/lib/toast/types.d.ts

@@ -3,6 +3,7 @@ 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 ToastWordBreak = 'break-all' | 'break-word' | 'normal';
 export declare type ToastOptions = {
     icon?: string;
     type?: ToastType;
@@ -18,6 +19,7 @@ export declare type ToastOptions = {
     className?: unknown;
     transition?: string;
     iconPrefix?: string;
+    wordBreak?: ToastWordBreak;
     loadingType?: LoadingType;
     forbidClick?: boolean;
     closeOnClick?: boolean;

package/lib/uploader/Uploader.js

@@ -218,7 +218,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const onClickUpload = (event) => emit("clickUpload", event);
     const renderUpload = () => {
-      if (props.modelValue.length >= props.maxCount || !props.showUpload) {
+      if (props.modelValue.length >= props.maxCount) {
         return;
       }
       const Input = props.readonly ? null : (0, import_vue.createVNode)("input", {
@@ -237,7 +237,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "onClick": onClickUpload
         }, [slots.default(), Input]);
       }
-      return (0, import_vue.createVNode)("div", {
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
         "class": (0, import_utils2.bem)("upload", {
           readonly: props.readonly
         }),
@@ -248,7 +248,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]);
+      }, [props.uploadText]), Input]), [[import_vue.vShow, props.showUpload]]);
     };
     const chooseFile = () => {
       if (inputRef.value && !props.disabled) {

package/lib/utils/constant.d.ts

@@ -9,3 +9,4 @@ export declare const BORDER_TOP_BOTTOM: string;
 export declare const BORDER_UNSET_TOP_BOTTOM: string;
 export declare const HAPTICS_FEEDBACK = "van-haptics-feedback";
 export declare const FORM_KEY: InjectionKey<FormProvide>;
+export declare const LONG_PRESS_START_TIME = 500;

package/lib/utils/constant.js

@@ -25,7 +25,8 @@ __export(stdin_exports, {
   BORDER_TOP_BOTTOM: () => BORDER_TOP_BOTTOM,
   BORDER_UNSET_TOP_BOTTOM: () => BORDER_UNSET_TOP_BOTTOM,
   FORM_KEY: () => FORM_KEY,
-  HAPTICS_FEEDBACK: () => HAPTICS_FEEDBACK
+  HAPTICS_FEEDBACK: () => HAPTICS_FEEDBACK,
+  LONG_PRESS_START_TIME: () => LONG_PRESS_START_TIME
 });
 module.exports = __toCommonJS(stdin_exports);
 const BORDER = "van-hairline";
@@ -37,3 +38,4 @@ const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
 const BORDER_UNSET_TOP_BOTTOM = `${BORDER}-unset--top-bottom`;
 const HAPTICS_FEEDBACK = "van-haptics-feedback";
 const FORM_KEY = Symbol("van-form");
+const LONG_PRESS_START_TIME = 500;