vant 4.0.0-rc.5 → 4.0.0-rc.6

package/lib/index.d.ts

@@ -93,4 +93,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.0-rc.5";
+export const version: "4.0.0-rc.6";

package/lib/index.js

@@ -200,7 +200,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "4.0.0-rc.5";
+const version = "4.0.0-rc.6";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

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/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/vant.cjs.js

@@ -2156,7 +2156,7 @@ var stdin_default$1o = vue.defineComponent({
       }
       return 0;
     });
-    const maxCount = vue.computed(() => Math.ceil(Math.abs(minOffset.value) / size.value));
+    const maxCount = vue.computed(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
     const trackSize = vue.computed(() => count.value * size.value);
     const activeIndicator = vue.computed(() => (state.active + count.value) % count.value);
     const isCorrectDirection = vue.computed(() => {
@@ -3434,6 +3434,7 @@ var stdin_default$1h = vue.defineComponent({
 const Area = withInstall(stdin_default$1h);
 const [name$19, bem$15] = createNamespace("cell");
 const cellSharedProps = {
+  tag: makeStringProp("div"),
   icon: String,
   size: String,
   title: numericProp,
@@ -3512,8 +3513,9 @@ var stdin_default$1g = vue.defineComponent({
       }
     };
     return () => {
-      var _a, _b;
+      var _a;
       const {
+        tag,
         size,
         center,
         border,
@@ -3530,12 +3532,17 @@ var stdin_default$1g = vue.defineComponent({
       if (size) {
         classes[size] = !!size;
       }
-      return vue.createVNode("div", {
+      return vue.createVNode(tag, {
         "class": bem$15(classes),
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": route2
-      }, [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)];
+        }
+      });
     };
   }
 });
@@ -4252,6 +4259,7 @@ const toastProps = {
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
   teleport: [String, Object],
+  wordBreak: String,
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("van-fade"),
@@ -4343,7 +4351,7 @@ var stdin_default$1d = vue.defineComponent({
     vue.onMounted(toggleClickable);
     vue.onUnmounted(toggleClickable);
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": [bem$12([props.position, {
+      "class": [bem$12([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
         [props.type]: !props.icon
       }]), props.className],
       "lockScroll": false,
@@ -5738,6 +5746,7 @@ const [name$W] = createNamespace("calendar-header");
 var stdin_default$11 = vue.defineComponent({
   name: name$W,
   props: {
+    date: Date,
     title: String,
     subtitle: String,
     showTitle: Boolean,
@@ -5761,7 +5770,10 @@ var stdin_default$11 = vue.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 vue.createVNode("div", {
           "class": bem$V("header-subtitle"),
           "onClick": onClickSubtitle
@@ -5881,7 +5893,10 @@ var stdin_default$10 = vue.defineComponent({
     };
     let bodyHeight;
     const bodyRef = vue.ref();
-    const subtitle = vue.ref("");
+    const subtitle = vue.ref({
+      text: "",
+      date: void 0
+    });
     const currentDate = vue.ref(getInitialDate());
     const [monthRefs, setMonthRefs] = useRefs();
     const dayOffset = vue.computed(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
@@ -5942,7 +5957,10 @@ var stdin_default$10 = vue.defineComponent({
         monthRefs.value[index].setVisible(visible);
       });
       if (currentMonth) {
-        subtitle.value = currentMonth.getTitle();
+        subtitle.value = {
+          text: currentMonth.getTitle(),
+          date: currentMonth.date
+        };
       }
     };
     const scrollToDate = (targetDate) => {
@@ -6132,8 +6150,9 @@ var stdin_default$10 = vue.defineComponent({
     const renderCalendar = () => vue.createVNode("div", {
       "class": bem$V()
     }, [vue.createVNode(stdin_default$11, {
+      "date": subtitle.value.date,
       "title": props.title,
-      "subtitle": subtitle.value,
+      "subtitle": subtitle.value.text,
       "showTitle": props.showTitle,
       "showSubtitle": props.showSubtitle,
       "firstDayOfWeek": dayOffset.value,
@@ -9164,7 +9183,8 @@ var stdin_default$B = vue.defineComponent({
   },
   emits: ["scale", "close"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const state = vue.reactive({
       scale: 1,
@@ -9382,7 +9402,11 @@ var stdin_default$B = vue.defineComponent({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, {
-        default: () => [vue.createVNode(Image$1, {
+        default: () => [slots.image ? vue.createVNode("div", {
+          "class": bem$v("image-wrap")
+        }, [slots.image({
+          src: props.src
+        })]) : vue.createVNode(Image$1, {
           "src": props.src,
           "fit": "contain",
           "class": bem$v("image", {
@@ -9491,7 +9515,9 @@ var stdin_default$A = vue.defineComponent({
         "rootHeight": state.rootHeight,
         "onScale": emitScale,
         "onClose": emitClose
-      }, null))]
+      }, {
+        image: slots.image
+      }))]
     });
     const renderClose = () => {
       if (props.closeable) {
@@ -14575,7 +14601,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.5";
+const version = "4.0.0-rc.6";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -2154,7 +2154,7 @@ var stdin_default$1o = 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(() => {
@@ -3432,6 +3432,7 @@ var stdin_default$1h = defineComponent({
 const Area = withInstall(stdin_default$1h);
 const [name$19, bem$15] = createNamespace("cell");
 const cellSharedProps = {
+  tag: makeStringProp("div"),
   icon: String,
   size: String,
   title: numericProp,
@@ -3510,8 +3511,9 @@ var stdin_default$1g = defineComponent({
       }
     };
     return () => {
-      var _a, _b;
+      var _a;
       const {
+        tag,
         size,
         center,
         border,
@@ -3528,12 +3530,17 @@ var stdin_default$1g = defineComponent({
       if (size) {
         classes[size] = !!size;
       }
-      return createVNode("div", {
+      return createVNode(tag, {
         "class": bem$15(classes),
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": route2
-      }, [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)];
+        }
+      });
     };
   }
 });
@@ -4250,6 +4257,7 @@ const toastProps = {
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
   teleport: [String, Object],
+  wordBreak: String,
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("van-fade"),
@@ -4341,7 +4349,7 @@ var stdin_default$1d = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => createVNode(Popup, mergeProps({
-      "class": [bem$12([props.position, {
+      "class": [bem$12([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
         [props.type]: !props.icon
       }]), props.className],
       "lockScroll": false,
@@ -5736,6 +5744,7 @@ const [name$W] = createNamespace("calendar-header");
 var stdin_default$11 = defineComponent({
   name: name$W,
   props: {
+    date: Date,
     title: String,
     subtitle: String,
     showTitle: Boolean,
@@ -5759,7 +5768,10 @@ var stdin_default$11 = 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 createVNode("div", {
           "class": bem$V("header-subtitle"),
           "onClick": onClickSubtitle
@@ -5879,7 +5891,10 @@ var stdin_default$10 = defineComponent({
     };
     let bodyHeight;
     const bodyRef = ref();
-    const subtitle = ref("");
+    const subtitle = ref({
+      text: "",
+      date: void 0
+    });
     const currentDate = ref(getInitialDate());
     const [monthRefs, setMonthRefs] = useRefs();
     const dayOffset = computed(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
@@ -5940,7 +5955,10 @@ var stdin_default$10 = defineComponent({
         monthRefs.value[index].setVisible(visible);
       });
       if (currentMonth) {
-        subtitle.value = currentMonth.getTitle();
+        subtitle.value = {
+          text: currentMonth.getTitle(),
+          date: currentMonth.date
+        };
       }
     };
     const scrollToDate = (targetDate) => {
@@ -6130,8 +6148,9 @@ var stdin_default$10 = defineComponent({
     const renderCalendar = () => createVNode("div", {
       "class": bem$V()
     }, [createVNode(stdin_default$11, {
+      "date": subtitle.value.date,
       "title": props.title,
-      "subtitle": subtitle.value,
+      "subtitle": subtitle.value.text,
       "showTitle": props.showTitle,
       "showSubtitle": props.showSubtitle,
       "firstDayOfWeek": dayOffset.value,
@@ -9162,7 +9181,8 @@ var stdin_default$B = defineComponent({
   },
   emits: ["scale", "close"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const state = reactive({
       scale: 1,
@@ -9380,7 +9400,11 @@ var stdin_default$B = defineComponent({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, {
-        default: () => [createVNode(Image$1, {
+        default: () => [slots.image ? createVNode("div", {
+          "class": bem$v("image-wrap")
+        }, [slots.image({
+          src: props.src
+        })]) : createVNode(Image$1, {
           "src": props.src,
           "fit": "contain",
           "class": bem$v("image", {
@@ -9489,7 +9513,9 @@ var stdin_default$A = defineComponent({
         "rootHeight": state.rootHeight,
         "onScale": emitScale,
         "onClose": emitClose
-      }, null))]
+      }, {
+        image: slots.image
+      }))]
     });
     const renderClose = () => {
       if (props.closeable) {
@@ -14573,7 +14599,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.5";
+const version = "4.0.0-rc.6";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -2520,7 +2520,7 @@
         }
         return 0;
       });
-      const maxCount = vue.computed(() => Math.ceil(Math.abs(minOffset.value) / size.value));
+      const maxCount = vue.computed(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
       const trackSize = vue.computed(() => count.value * size.value);
       const activeIndicator = vue.computed(() => (state.active + count.value) % count.value);
       const isCorrectDirection = vue.computed(() => {
@@ -3792,6 +3792,7 @@
   const Area = withInstall(stdin_default$1h);
   const [name$19, bem$15] = createNamespace("cell");
   const cellSharedProps = {
+    tag: makeStringProp("div"),
     icon: String,
     size: String,
     title: numericProp,
@@ -3870,8 +3871,9 @@
         }
       };
       return () => {
-        var _a, _b;
+        var _a;
         const {
+          tag,
           size,
           center,
           border,
@@ -3888,12 +3890,17 @@
         if (size) {
           classes[size] = !!size;
         }
-        return vue.createVNode("div", {
+        return vue.createVNode(tag, {
           "class": bem$15(classes),
           "role": clickable ? "button" : void 0,
           "tabindex": clickable ? 0 : void 0,
           "onClick": route2
-        }, [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)];
+          }
+        });
       };
     }
   });
@@ -4610,6 +4617,7 @@
     duration: makeNumberProp(2e3),
     position: makeStringProp("middle"),
     teleport: [String, Object],
+    wordBreak: String,
     className: unknownProp,
     iconPrefix: String,
     transition: makeStringProp("van-fade"),
@@ -4701,7 +4709,7 @@
       vue.onMounted(toggleClickable);
       vue.onUnmounted(toggleClickable);
       return () => vue.createVNode(Popup, vue.mergeProps({
-        "class": [bem$12([props.position, {
+        "class": [bem$12([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
           [props.type]: !props.icon
         }]), props.className],
         "lockScroll": false,
@@ -6096,6 +6104,7 @@
   var stdin_default$11 = vue.defineComponent({
     name: name$W,
     props: {
+      date: Date,
       title: String,
       subtitle: String,
       showTitle: Boolean,
@@ -6119,7 +6128,10 @@
       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 vue.createVNode("div", {
             "class": bem$V("header-subtitle"),
             "onClick": onClickSubtitle
@@ -6239,7 +6251,10 @@
       };
       let bodyHeight;
       const bodyRef = vue.ref();
-      const subtitle = vue.ref("");
+      const subtitle = vue.ref({
+        text: "",
+        date: void 0
+      });
       const currentDate = vue.ref(getInitialDate());
       const [monthRefs, setMonthRefs] = useRefs();
       const dayOffset = vue.computed(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
@@ -6300,7 +6315,10 @@
           monthRefs.value[index].setVisible(visible);
         });
         if (currentMonth) {
-          subtitle.value = currentMonth.getTitle();
+          subtitle.value = {
+            text: currentMonth.getTitle(),
+            date: currentMonth.date
+          };
         }
       };
       const scrollToDate = (targetDate) => {
@@ -6490,8 +6508,9 @@
       const renderCalendar = () => vue.createVNode("div", {
         "class": bem$V()
       }, [vue.createVNode(stdin_default$11, {
+        "date": subtitle.value.date,
         "title": props.title,
-        "subtitle": subtitle.value,
+        "subtitle": subtitle.value.text,
         "showTitle": props.showTitle,
         "showSubtitle": props.showSubtitle,
         "firstDayOfWeek": dayOffset.value,
@@ -9499,7 +9518,8 @@
     },
     emits: ["scale", "close"],
     setup(props, {
-      emit
+      emit,
+      slots
     }) {
       const state = vue.reactive({
         scale: 1,
@@ -9717,7 +9737,11 @@
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd
         }, {
-          default: () => [vue.createVNode(Image$1, {
+          default: () => [slots.image ? vue.createVNode("div", {
+            "class": bem$v("image-wrap")
+          }, [slots.image({
+            src: props.src
+          })]) : vue.createVNode(Image$1, {
             "src": props.src,
             "fit": "contain",
             "class": bem$v("image", {
@@ -9826,7 +9850,9 @@
           "rootHeight": state.rootHeight,
           "onScale": emitScale,
           "onClose": emitClose
-        }, null))]
+        }, {
+          image: slots.image
+        }))]
       });
       const renderClose = () => {
         if (props.closeable) {
@@ -15790,7 +15816,7 @@
       });
     }
   };
-  const version = "4.0.0-rc.5";
+  const version = "4.0.0-rc.6";
   function install(app) {
     const components = [
       ActionBar,