vant 4.0.0-rc.6 → 4.0.0-rc.7

package/es/skeleton/SkeletonImage.mjs

@@ -0,0 +1,26 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { numericProp, getSizeStyle, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+const [name, bem] = createNamespace("skeleton-image");
+const skeletonImageProps = {
+  imageSize: numericProp,
+  imageShape: makeStringProp("square")
+};
+var stdin_default = defineComponent({
+  name,
+  props: skeletonImageProps,
+  setup(props) {
+    return () => _createVNode("div", {
+      "class": bem([props.imageShape]),
+      "style": getSizeStyle(props.imageSize)
+    }, [_createVNode(Icon, {
+      "name": "photo",
+      "class": bem("icon")
+    }, null)]);
+  }
+});
+export {
+  stdin_default as default,
+  skeletonImageProps
+};

package/es/skeleton/SkeletonParagraph.d.ts

@@ -0,0 +1,27 @@
+import { ExtractPropTypes } from 'vue';
+export declare const DEFAULT_ROW_WIDTH = "100%";
+export declare const skeletonParagraphProps: {
+    round: BooleanConstructor;
+    rowWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+};
+export declare type SkeletonParagraphProps = ExtractPropTypes<typeof skeletonParagraphProps>;
+declare const _default: 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<ExtractPropTypes<{
+    round: BooleanConstructor;
+    rowWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+}>>, {
+    round: boolean;
+    rowWidth: string | number;
+}>;
+export default _default;

package/es/skeleton/SkeletonParagraph.mjs

@@ -0,0 +1,31 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { createNamespace, numericProp } from "../utils/index.mjs";
+const DEFAULT_ROW_WIDTH = "100%";
+const skeletonParagraphProps = {
+  round: Boolean,
+  rowWidth: {
+    type: numericProp,
+    default: DEFAULT_ROW_WIDTH
+  }
+};
+const [name, bem] = createNamespace("skeleton-paragraph");
+var stdin_default = defineComponent({
+  name,
+  props: skeletonParagraphProps,
+  setup(props) {
+    return () => _createVNode("div", {
+      "class": bem([{
+        round: props.round
+      }]),
+      "style": {
+        width: props.rowWidth
+      }
+    }, null);
+  }
+});
+export {
+  DEFAULT_ROW_WIDTH,
+  stdin_default as default,
+  skeletonParagraphProps
+};

package/es/skeleton/SkeletonTitle.d.ts

@@ -0,0 +1,16 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const skeletonTitleProps: {
+    round: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
+};
+export declare type SkeletonTitleProps = ExtractPropTypes<typeof skeletonTitleProps>;
+declare const _default: 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<ExtractPropTypes<{
+    round: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
+}>>, {
+    round: boolean;
+}>;
+export default _default;

package/es/skeleton/SkeletonTitle.mjs

@@ -0,0 +1,26 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { createNamespace, numericProp, addUnit } from "../utils/index.mjs";
+const [name, bem] = createNamespace("skeleton-title");
+const skeletonTitleProps = {
+  round: Boolean,
+  titleWidth: numericProp
+};
+var stdin_default = defineComponent({
+  name,
+  props: skeletonTitleProps,
+  setup(props) {
+    return () => _createVNode("h3", {
+      "class": bem([{
+        round: props.round
+      }]),
+      "style": {
+        width: addUnit(props.titleWidth)
+      }
+    }, null);
+  }
+});
+export {
+  stdin_default as default,
+  skeletonTitleProps
+};

package/es/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/es/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/es/skeleton/index.mjs

@@ -1,10 +1,30 @@
-import { withInstall } from "../utils/index.mjs";
 import _Skeleton from "./Skeleton.mjs";
+import _SkeletonImage from "./SkeletonImage.mjs";
+import _SkeletonTitle from "./SkeletonTitle.mjs";
+import _SkeletonAvatar from "./SkeletonAvatar.mjs";
+import _SkeletonParagraph from "./SkeletonParagraph.mjs";
+import { withInstall } from "../utils/index.mjs";
+const SkeletonImage = withInstall(_SkeletonImage);
+const SkeletonTitle = withInstall(_SkeletonTitle);
+const SkeletonAvatar = withInstall(_SkeletonAvatar);
+const SkeletonParagraph = withInstall(_SkeletonParagraph);
 const Skeleton = withInstall(_Skeleton);
 var stdin_default = Skeleton;
 import { skeletonProps } from "./Skeleton.mjs";
+import { skeletonImageProps } from "./SkeletonImage.mjs";
+import { skeletonAvatarProps } from "./SkeletonAvatar.mjs";
+import { skeletonParagraphProps } from "./SkeletonParagraph.mjs";
+import { skeletonTitleProps } from "./SkeletonTitle.mjs";
 export {
   Skeleton,
+  SkeletonAvatar,
+  SkeletonImage,
+  SkeletonParagraph,
+  SkeletonTitle,
   stdin_default as default,
-  skeletonProps
+  skeletonAvatarProps,
+  skeletonImageProps,
+  skeletonParagraphProps,
+  skeletonProps,
+  skeletonTitleProps
 };

package/es/skeleton/style/index.mjs

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

package/es/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/es/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/es/stepper/Stepper.mjs

@@ -1,10 +1,9 @@
 import { withDirectives as _withDirectives, createVNode as _createVNode, mergeProps as _mergeProps, vShow as _vShow } from "vue";
 import { ref, watch, computed, nextTick, defineComponent } from "vue";
-import { isDef, addUnit, addNumber, truthProp, resetScroll, numericProp, formatNumber, getSizeStyle, preventDefault, createNamespace, callInterceptor, makeNumericProp, HAPTICS_FEEDBACK } from "../utils/index.mjs";
+import { isDef, addUnit, addNumber, truthProp, resetScroll, numericProp, formatNumber, getSizeStyle, preventDefault, createNamespace, callInterceptor, makeNumericProp, HAPTICS_FEEDBACK, LONG_PRESS_START_TIME } from "../utils/index.mjs";
 import { useCustomFieldValue } from "@vant/use";
 const [name, bem] = createNamespace("stepper");
 const LONG_PRESS_INTERVAL = 200;
-const LONG_PRESS_START_TIME = 600;
 const isEqual = (value1, value2) => String(value1) === String(value2);
 const stepperProps = {
   min: makeNumericProp(1),

package/es/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/es/time-picker/TimePicker.mjs

@@ -38,7 +38,10 @@ var stdin_default = defineComponent({
         case "second":
           return 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 [];
       }
     }));
     watch(currentValues, (newValues) => {

package/es/uploader/Uploader.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, reactive, defineComponent, onBeforeUnmount } from "vue";
 import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils/index.mjs";
 import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils.mjs";
@@ -189,7 +189,7 @@ var stdin_default = 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 : _createVNode("input", {
@@ -208,7 +208,7 @@ var stdin_default = defineComponent({
           "onClick": onClickUpload
         }, [slots.default(), Input]);
       }
-      return _createVNode("div", {
+      return _withDirectives(_createVNode("div", {
         "class": bem("upload", {
           readonly: props.readonly
         }),
@@ -219,7 +219,7 @@ var stdin_default = defineComponent({
         "class": bem("upload-icon")
       }, null), props.uploadText && _createVNode("span", {
         "class": bem("upload-text")
-      }, [props.uploadText]), Input]);
+      }, [props.uploadText]), Input]), [[_vShow, props.showUpload]]);
     };
     const chooseFile = () => {
       if (inputRef.value && !props.disabled) {

package/es/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/es/utils/constant.mjs

@@ -7,6 +7,7 @@ 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;
 export {
   BORDER,
   BORDER_BOTTOM,
@@ -16,5 +17,6 @@ export {
   BORDER_TOP_BOTTOM,
   BORDER_UNSET_TOP_BOTTOM,
   FORM_KEY,
-  HAPTICS_FEEDBACK
+  HAPTICS_FEEDBACK,
+  LONG_PRESS_START_TIME
 };

package/lib/action-sheet/index.css

@@ -1 +1 @@
-:root{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-2);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}
+:root{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-2);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}

package/lib/composables/use-sync-prop-ref.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare const useSyncPropRef: <T>(getProp: () => T, setProp: (value: T) => void) => Ref<T>;

package/lib/composables/use-sync-prop-ref.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], 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, {
+  useSyncPropRef: () => useSyncPropRef
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+const useSyncPropRef = (getProp, setProp) => {
+  const propRef = (0, import_vue.ref)(getProp());
+  (0, import_vue.watch)(getProp, (value) => {
+    if (value !== propRef.value) {
+      propRef.value = value;
+    }
+  });
+  (0, import_vue.watch)(propRef, (value) => {
+    if (value !== getProp()) {
+      setProp(value);
+    }
+  });
+  return propRef;
+};

package/lib/date-picker/DatePicker.js

@@ -103,7 +103,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         case "day":
           return genDayOptions();
         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/image-preview/ImagePreview.d.ts

@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopupCloseIconPosition>;
         default: PopupCloseIconPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale")[], "change" | "close" | "closed" | "update:show" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -168,6 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     onClosed?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
+    onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     loop: boolean;
     overlay: boolean;

package/lib/image-preview/ImagePreview.js

@@ -62,7 +62,7 @@ const imagePreviewProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: imagePreviewProps,
-  emits: ["scale", "close", "closed", "change", "update:show"],
+  emits: ["scale", "close", "closed", "change", "longPress", "update:show"],
   setup(props, {
     emit,
     slots
@@ -122,7 +122,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "indicatorColor": "white",
       "onChange": setActive
     }, {
-      default: () => [props.images.map((image) => (0, import_vue.createVNode)(import_ImagePreviewItem.default, {
+      default: () => [props.images.map((image, index) => (0, import_vue.createVNode)(import_ImagePreviewItem.default, {
         "src": image,
         "show": props.show,
         "active": state.active,
@@ -131,7 +131,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "rootWidth": state.rootWidth,
         "rootHeight": state.rootHeight,
         "onScale": emitScale,
-        "onClose": emitClose
+        "onClose": emitClose,
+        "onLongPress": () => emit("longPress", {
+          index
+        })
       }, {
         image: slots.image
       }))]

package/lib/image-preview/ImagePreviewItem.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale")[], "close" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     src: StringConstructor;
     show: BooleanConstructor;
     active: NumberConstructor;
@@ -41,6 +41,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
+    onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
 }>;

package/lib/image-preview/ImagePreviewItem.js

@@ -40,7 +40,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     rootWidth: (0, import_utils.makeRequiredProp)(Number),
     rootHeight: (0, import_utils.makeRequiredProp)(Number)
   },
-  emits: ["scale", "close"],
+  emits: ["scale", "close", "longPress"],
   setup(props, {
     emit,
     slots
@@ -187,16 +187,20 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const deltaTime = Date.now() - touchStartTime;
       const TAP_TIME = 250;
       const TAP_OFFSET = 5;
-      if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET && deltaTime < TAP_TIME) {
-        if (doubleTapTimer) {
-          clearTimeout(doubleTapTimer);
-          doubleTapTimer = null;
-          toggleScale();
-        } else {
-          doubleTapTimer = setTimeout(() => {
-            emit("close");
+      if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET) {
+        if (deltaTime < TAP_TIME) {
+          if (doubleTapTimer) {
+            clearTimeout(doubleTapTimer);
             doubleTapTimer = null;
-          }, TAP_TIME);
+            toggleScale();
+          } else {
+            doubleTapTimer = setTimeout(() => {
+              emit("close");
+              doubleTapTimer = null;
+            }, TAP_TIME);
+          }
+        } else if (deltaTime > import_utils.LONG_PRESS_START_TIME) {
+          emit("longPress");
         }
       }
     };