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

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/swipe/Swipe.mjs

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

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/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/es/toast/Toast.mjs

@@ -17,6 +17,7 @@ const toastProps = {
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
   teleport: [String, Object],
+  wordBreak: String,
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("van-fade"),
@@ -108,7 +109,7 @@ var stdin_default = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => _createVNode(Popup, _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/es/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/es/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/es/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/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/calendar/Calendar.js

@@ -135,7 +135,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     let bodyHeight;
     const bodyRef = (0, import_vue2.ref)();
-    const subtitle = (0, import_vue2.ref)("");
+    const subtitle = (0, import_vue2.ref)({
+      text: "",
+      date: void 0
+    });
     const currentDate = (0, import_vue2.ref)(getInitialDate());
     const [monthRefs, setMonthRefs] = (0, import_use_refs.useRefs)();
     const dayOffset = (0, import_vue2.computed)(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
@@ -196,7 +199,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         monthRefs.value[index].setVisible(visible);
       });
       if (currentMonth) {
-        subtitle.value = currentMonth.getTitle();
+        subtitle.value = {
+          text: currentMonth.getTitle(),
+          date: currentMonth.date
+        };
       }
     };
     const scrollToDate = (targetDate) => {
@@ -386,8 +392,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const renderCalendar = () => (0, import_vue.createVNode)("div", {
       "class": (0, import_utils2.bem)()
     }, [(0, import_vue.createVNode)(import_CalendarHeader.default, {
+      "date": subtitle.value.date,
       "title": props.title,
-      "subtitle": subtitle.value,
+      "subtitle": subtitle.value.text,
       "showTitle": props.showTitle,
       "showSubtitle": props.showSubtitle,
       "firstDayOfWeek": dayOffset.value,

package/lib/calendar/CalendarHeader.d.ts

@@ -1,10 +1,12 @@
 declare const _default: import("vue").DefineComponent<{
+    date: DateConstructor;
     title: StringConstructor;
     subtitle: StringConstructor;
     showTitle: BooleanConstructor;
     showSubtitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickSubtitle"[], "clickSubtitle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    date: DateConstructor;
     title: StringConstructor;
     subtitle: StringConstructor;
     showTitle: BooleanConstructor;

package/lib/calendar/CalendarHeader.js

@@ -28,6 +28,7 @@ const [name] = (0, import_utils.createNamespace)("calendar-header");
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: {
+    date: Date,
     title: String,
     subtitle: String,
     showTitle: Boolean,
@@ -51,7 +52,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onClickSubtitle = (event) => emit("clickSubtitle", event);
     const renderSubtitle = () => {
       if (props.showSubtitle) {
-        const title = slots.subtitle ? slots.subtitle() : props.subtitle;
+        const title = slots.subtitle ? slots.subtitle({
+          date: props.date,
+          text: props.subtitle
+        }) : props.subtitle;
         return (0, import_vue.createVNode)("div", {
           "class": (0, import_utils2.bem)("header-subtitle"),
           "onClick": onClickSubtitle

package/lib/cell/Cell.d.ts

@@ -2,6 +2,10 @@ import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 export declare type CellSize = 'normal' | 'large';
 export declare type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
 export declare const cellSharedProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -26,6 +30,10 @@ export declare const cellSharedProps: {
     };
 };
 export declare const cellProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -55,6 +63,10 @@ export declare const cellProps: {
 };
 export declare type CellProps = ExtractPropTypes<typeof cellProps>;
 declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -82,6 +94,10 @@ declare const _default: import("vue").DefineComponent<{
     url: StringConstructor;
     replace: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -111,6 +127,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     replace: boolean;
     required: boolean;
+    tag: keyof HTMLElementTagNameMap;
     center: boolean;
     isLink: boolean;
     border: boolean;

package/lib/cell/Cell.js

@@ -29,6 +29,7 @@ var import_use_route = require("../composables/use-route");
 var import_icon = require("../icon");
 const [name, bem] = (0, import_utils.createNamespace)("cell");
 const cellSharedProps = {
+  tag: (0, import_utils.makeStringProp)("div"),
   icon: String,
   size: String,
   title: import_utils.numericProp,
@@ -107,8 +108,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     return () => {
-      var _a, _b;
+      var _a;
       const {
+        tag,
         size,
         center,
         border,
@@ -125,12 +127,17 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (size) {
         classes[size] = !!size;
       }
-      return (0, import_vue.createVNode)("div", {
+      return (0, import_vue.createVNode)(tag, {
         "class": bem(classes),
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": route
-      }, [renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), (_b = slots.extra) == null ? void 0 : _b.call(slots)]);
+      }, {
+        default: () => {
+          var _a2;
+          return [renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), (_a2 = slots.extra) == null ? void 0 : _a2.call(slots)];
+        }
+      });
     };
   }
 });

package/lib/cell/index.d.ts

@@ -1,4 +1,8 @@
 export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("./Cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -26,6 +30,10 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     url: StringConstructor;
     replace: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("./Cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -55,6 +63,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
 }>>, {
     replace: boolean;
     required: boolean;
+    tag: keyof HTMLElementTagNameMap;
     center: boolean;
     isLink: boolean;
     border: boolean;