vant 4.7.3 → 4.8.1

package/README.md

@@ -66,6 +66,20 @@ pnpm add vant
 bun add vant
 ```
 
+## Scaffold
+
+It is recommended to use [Rsbuild](https://github.com/web-infra-dev/rsbuild) to create a scaffold project.
+
+Rsbuild is a build tool based on Rspack, developed by the author of Vant, with first-class build speed and development experience, providing first-priority support for Vant.
+
+You can create a Rsbuild project with the following command:
+
+```bash
+npm create rsbuild@latest
+```
+
+Please visit the [Rsbuild repository](https://github.com/web-infra-dev/rsbuild) for more information.
+
 ## Quickstart
 
 ```js

package/es/calendar/Calendar.mjs

@@ -107,7 +107,7 @@ var stdin_default = defineComponent({
     let bodyHeight;
     const bodyRef = ref();
     const subtitle = ref({
-      text: "",
+      textFn: () => "",
       date: void 0
     });
     const currentDate = ref(getInitialDate());
@@ -171,7 +171,7 @@ var stdin_default = defineComponent({
       });
       if (currentMonth) {
         subtitle.value = {
-          text: currentMonth.getTitle(),
+          textFn: currentMonth.getTitle,
           date: currentMonth.date
         };
       }
@@ -361,21 +361,24 @@ var stdin_default = defineComponent({
         "van-safe-area-bottom": props.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
-    const renderCalendar = () => _createVNode("div", {
-      "class": bem()
-    }, [_createVNode(CalendarHeader, {
-      "date": subtitle.value.date,
-      "title": props.title,
-      "subtitle": subtitle.value.text,
-      "showTitle": props.showTitle,
-      "showSubtitle": props.showSubtitle,
-      "firstDayOfWeek": dayOffset.value,
-      "onClickSubtitle": (event) => emit("clickSubtitle", event)
-    }, pick(slots, ["title", "subtitle"])), _createVNode("div", {
-      "ref": bodyRef,
-      "class": bem("body"),
-      "onScroll": onScroll
-    }, [months.value.map(renderMonth)]), renderFooter()]);
+    const renderCalendar = () => {
+      const subTitle = subtitle.value.textFn();
+      return _createVNode("div", {
+        "class": bem()
+      }, [_createVNode(CalendarHeader, {
+        "date": subtitle.value.date,
+        "title": props.title,
+        "subtitle": subTitle,
+        "showTitle": props.showTitle,
+        "showSubtitle": props.showSubtitle,
+        "firstDayOfWeek": dayOffset.value,
+        "onClickSubtitle": (event) => emit("clickSubtitle", event)
+      }, pick(slots, ["title", "subtitle"])), _createVNode("div", {
+        "ref": bodyRef,
+        "class": bem("body"),
+        "onScroll": onScroll
+      }, [months.value.map(renderMonth)]), renderFooter()]);
+    };
     watch(() => props.show, init);
     watch(() => [props.type, props.minDate, props.maxDate], () => reset(getInitialDate(currentDate.value)));
     watch(() => props.defaultDate, (value = null) => {

package/es/checkbox/Checker.mjs

@@ -108,12 +108,18 @@ var stdin_default = defineComponent({
       }, null)]);
     };
     const renderLabel = () => {
+      const {
+        checked
+      } = props;
       if (slots.default) {
         return _createVNode("span", {
           "class": props.bem("label", [props.labelPosition, {
             disabled: disabled.value
           }])
-        }, [slots.default()]);
+        }, [slots.default({
+          checked,
+          disabled: disabled.value
+        })]);
       }
     };
     return () => {

package/es/col/Col.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from "vue";
-import { numericProp, createNamespace, makeNumericProp, makeStringProp } from "../utils/index.mjs";
+import { numericProp, createNamespace, makeNumericProp, makeStringProp, extend } from "../utils/index.mjs";
 import { useParent } from "@vant/use";
 import { ROW_KEY } from "../row/Row.mjs";
 const [name, bem] = createNamespace("col");
@@ -24,18 +24,26 @@ var stdin_default = defineComponent({
         return;
       }
       const {
-        spaces
+        spaces,
+        verticalSpaces
       } = parent;
+      let styles = {};
       if (spaces && spaces.value && spaces.value[index.value]) {
         const {
           left,
           right
         } = spaces.value[index.value];
-        return {
+        styles = {
           paddingLeft: left ? `${left}px` : null,
           paddingRight: right ? `${right}px` : null
         };
       }
+      const {
+        bottom
+      } = verticalSpaces.value[index.value] || {};
+      return extend(styles, {
+        marginBottom: bottom ? `${bottom}px` : null
+      });
     });
     return () => {
       const {

package/es/config-provider/types.d.ts

@@ -57,5 +57,5 @@ type BaseThemeVars = {
     radiusLg?: string;
     radiusMax?: string;
 };
-export type ConfigProviderThemeVars = BaseThemeVars & import('../action-bar').ActionBarThemeVars & import('../action-bar-button').ActionBarButtonThemeVars & import('../action-bar-icon').ActionBarIconThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../address-edit').AddressEditThemeVars & import('../address-list').AddressListThemeVars & import('../back-top').BackTopThemeVars & import('../badge').BadgeThemeVars & import('../barrage').BarrageThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../card').CardThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../cell-group').CellGroupThemeVars & import('../checkbox').CheckboxThemeVars & import('../circle').CircleThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../contact-card').ContactCardThemeVars & import('../contact-edit').ContactEditThemeVars & import('../contact-list').ContactListThemeVars & import('../count-down').CountDownThemeVars & import('../coupon').CouponThemeVars & import('../coupon-cell').CouponCellThemeVars & import('../coupon-list').CouponListThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../floating-panel').FloatingPanelThemeVars & import('../grid-item').GridItemThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../pagination').PaginationThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../picker-group').PickerGroupThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../progress').ProgressThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../rate').RateThemeVars & import('../rolling-text').RollingTextThemeVars & import('../search').SearchThemeVars & import('../share-sheet').ShareSheetThemeVars & import('../sidebar').SidebarThemeVars & import('../sidebar-item').SidebarItemThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../slider').SliderThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../submit-bar').SubmitBarThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../toast').ToastThemeVars & import('../tree-select').TreeSelectThemeVars & import('../uploader').UploaderThemeVars & import('../watermark').WatermarkThemeVars;
+export type ConfigProviderThemeVars = BaseThemeVars & import('../action-bar').ActionBarThemeVars & import('../action-bar-button').ActionBarButtonThemeVars & import('../action-bar-icon').ActionBarIconThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../address-edit').AddressEditThemeVars & import('../address-list').AddressListThemeVars & import('../back-top').BackTopThemeVars & import('../badge').BadgeThemeVars & import('../barrage').BarrageThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../card').CardThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../cell-group').CellGroupThemeVars & import('../checkbox').CheckboxThemeVars & import('../circle').CircleThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../contact-card').ContactCardThemeVars & import('../contact-edit').ContactEditThemeVars & import('../contact-list').ContactListThemeVars & import('../count-down').CountDownThemeVars & import('../coupon').CouponThemeVars & import('../coupon-cell').CouponCellThemeVars & import('../coupon-list').CouponListThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../highlight').HighlightThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../floating-panel').FloatingPanelThemeVars & import('../grid-item').GridItemThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../pagination').PaginationThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../picker-group').PickerGroupThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../progress').ProgressThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../rate').RateThemeVars & import('../rolling-text').RollingTextThemeVars & import('../search').SearchThemeVars & import('../share-sheet').ShareSheetThemeVars & import('../sidebar').SidebarThemeVars & import('../sidebar-item').SidebarItemThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../slider').SliderThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../submit-bar').SubmitBarThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../toast').ToastThemeVars & import('../tree-select').TreeSelectThemeVars & import('../uploader').UploaderThemeVars & import('../watermark').WatermarkThemeVars;
 export {};

package/es/highlight/Highlight.d.ts

@@ -0,0 +1,96 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+export declare const highlightProps: {
+    autoEscape: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    caseSensitive: BooleanConstructor;
+    highlightClass: StringConstructor;
+    highlightTag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    keywords: {
+        type: PropType<string | string[]>;
+        required: true;
+    };
+    sourceString: {
+        type: PropType<string>;
+        default: string;
+    };
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    unhighlightClass: StringConstructor;
+    unhighlightTag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+};
+export type HighlightProps = ExtractPropTypes<typeof highlightProps>;
+declare const _default: import("vue").DefineComponent<{
+    autoEscape: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    caseSensitive: BooleanConstructor;
+    highlightClass: StringConstructor;
+    highlightTag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    keywords: {
+        type: PropType<string | string[]>;
+        required: true;
+    };
+    sourceString: {
+        type: PropType<string>;
+        default: string;
+    };
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    unhighlightClass: StringConstructor;
+    unhighlightTag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    autoEscape: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    caseSensitive: BooleanConstructor;
+    highlightClass: StringConstructor;
+    highlightTag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    keywords: {
+        type: PropType<string | string[]>;
+        required: true;
+    };
+    sourceString: {
+        type: PropType<string>;
+        default: string;
+    };
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    unhighlightClass: StringConstructor;
+    unhighlightTag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+}>>, {
+    tag: keyof HTMLElementTagNameMap;
+    autoEscape: boolean;
+    caseSensitive: boolean;
+    highlightTag: keyof HTMLElementTagNameMap;
+    sourceString: string;
+    unhighlightTag: keyof HTMLElementTagNameMap;
+}, {}>;
+export default _default;

package/es/highlight/Highlight.mjs

@@ -0,0 +1,122 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent, computed } from "vue";
+import { createNamespace, makeRequiredProp, makeStringProp, truthProp } from "../utils/index.mjs";
+const [name, bem] = createNamespace("highlight");
+const highlightProps = {
+  autoEscape: truthProp,
+  caseSensitive: Boolean,
+  highlightClass: String,
+  highlightTag: makeStringProp("span"),
+  keywords: makeRequiredProp([String, Array]),
+  sourceString: makeStringProp(""),
+  tag: makeStringProp("div"),
+  unhighlightClass: String,
+  unhighlightTag: makeStringProp("span")
+};
+var stdin_default = defineComponent({
+  name,
+  props: highlightProps,
+  setup(props) {
+    const highlightChunks = computed(() => {
+      const {
+        autoEscape,
+        caseSensitive,
+        keywords,
+        sourceString
+      } = props;
+      const flags = caseSensitive ? "g" : "gi";
+      const _keywords = Array.isArray(keywords) ? keywords : [keywords];
+      let chunks = _keywords.filter((keyword) => keyword).reduce((chunks2, keyword) => {
+        if (autoEscape) {
+          keyword = keyword.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+        }
+        const regex = new RegExp(keyword, flags);
+        let match;
+        while (match = regex.exec(sourceString)) {
+          const start = match.index;
+          const end = regex.lastIndex;
+          if (start >= end) {
+            regex.lastIndex++;
+            continue;
+          }
+          chunks2.push({
+            start,
+            end,
+            highlight: true
+          });
+        }
+        return chunks2;
+      }, []);
+      chunks = chunks.sort((a, b) => a.start - b.start).reduce((chunks2, currentChunk) => {
+        const prevChunk = chunks2[chunks2.length - 1];
+        if (!prevChunk || currentChunk.start > prevChunk.end) {
+          const unhighlightStart = prevChunk ? prevChunk.end : 0;
+          const unhighlightEnd = currentChunk.start;
+          if (unhighlightStart !== unhighlightEnd) {
+            chunks2.push({
+              start: unhighlightStart,
+              end: unhighlightEnd,
+              highlight: false
+            });
+          }
+          chunks2.push(currentChunk);
+        } else {
+          prevChunk.end = Math.max(prevChunk.end, currentChunk.end);
+        }
+        return chunks2;
+      }, []);
+      const lastChunk = chunks[chunks.length - 1];
+      if (lastChunk && lastChunk.end < sourceString.length) {
+        chunks.push({
+          start: lastChunk.end,
+          end: sourceString.length,
+          highlight: false
+        });
+      }
+      return chunks;
+    });
+    const renderContent = () => {
+      const {
+        sourceString,
+        highlightClass,
+        unhighlightClass,
+        highlightTag,
+        unhighlightTag
+      } = props;
+      return highlightChunks.value.map((chunk) => {
+        const {
+          start,
+          end,
+          highlight
+        } = chunk;
+        const text = sourceString.slice(start, end);
+        if (highlight) {
+          return _createVNode(highlightTag, {
+            "class": [bem("tag"), highlightClass]
+          }, {
+            default: () => [text]
+          });
+        }
+        return _createVNode(unhighlightTag, {
+          "class": unhighlightClass
+        }, {
+          default: () => [text]
+        });
+      });
+    };
+    return () => {
+      const {
+        tag
+      } = props;
+      return _createVNode(tag, {
+        "class": bem()
+      }, {
+        default: () => [renderContent()]
+      });
+    };
+  }
+});
+export {
+  stdin_default as default,
+  highlightProps
+};

package/es/highlight/index.css

@@ -0,0 +1 @@
+:root{--van-highlight-tag-color: var(--van-primary-color)}.van-highlight__tag{color:var(--van-highlight-tag-color)}

package/es/highlight/index.d.ts

@@ -0,0 +1,73 @@
+export declare const Highlight: import("../utils").WithInstall<import("vue").DefineComponent<{
+    autoEscape: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    caseSensitive: BooleanConstructor;
+    highlightClass: StringConstructor;
+    highlightTag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    keywords: {
+        type: import("vue").PropType<string | string[]>;
+        required: true;
+    };
+    sourceString: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    unhighlightClass: StringConstructor;
+    unhighlightTag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    autoEscape: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    caseSensitive: BooleanConstructor;
+    highlightClass: StringConstructor;
+    highlightTag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    keywords: {
+        type: import("vue").PropType<string | string[]>;
+        required: true;
+    };
+    sourceString: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    unhighlightClass: StringConstructor;
+    unhighlightTag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+}>>, {
+    tag: keyof HTMLElementTagNameMap;
+    autoEscape: boolean;
+    caseSensitive: boolean;
+    highlightTag: keyof HTMLElementTagNameMap;
+    sourceString: string;
+    unhighlightTag: keyof HTMLElementTagNameMap;
+}, {}>>;
+export default Highlight;
+export { highlightProps } from './Highlight';
+export type { HighlightProps } from './Highlight';
+export type { HighlightThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        vanHighlight: typeof Highlight;
+    }
+}

package/es/highlight/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _Highlight from "./Highlight.mjs";
+const Highlight = withInstall(_Highlight);
+var stdin_default = Highlight;
+import { highlightProps } from "./Highlight.mjs";
+export {
+  Highlight,
+  stdin_default as default,
+  highlightProps
+};

package/es/highlight/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/highlight/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

package/es/highlight/types.d.ts

@@ -0,0 +1,3 @@
+export type HighlightThemeVars = {
+    highlightTagColor?: string;
+};

package/es/image-preview/ImagePreview.mjs

@@ -42,6 +42,7 @@ var stdin_default = defineComponent({
     slots
   }) {
     const swipeRef = ref();
+    const activedPreviewItemRef = ref();
     const state = reactive({
       active: 0,
       rootWidth: 0,
@@ -106,6 +107,11 @@ var stdin_default = defineComponent({
       "onDragStart": onDragStart
     }, {
       default: () => [props.images.map((image, index) => _createVNode(ImagePreviewItem, {
+        "ref": (item) => {
+          if (index === state.active) {
+            activedPreviewItemRef.value = item;
+          }
+        },
         "src": image,
         "show": props.show,
         "active": state.active,
@@ -141,6 +147,10 @@ var stdin_default = defineComponent({
       return (_a = swipeRef.value) == null ? void 0 : _a.swipeTo(index, options);
     };
     useExpose({
+      resetScale: () => {
+        var _a;
+        (_a = activedPreviewItemRef.value) == null ? void 0 : _a.resetScale();
+      },
       swipeTo
     });
     onMounted(resize);

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

@@ -1,3 +1,29 @@
+import { type ExtractPropTypes } from 'vue';
+declare const imagePreviewItemProps: {
+    src: StringConstructor;
+    show: BooleanConstructor;
+    active: NumberConstructor;
+    minZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    maxZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    rootWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    rootHeight: {
+        type: NumberConstructor;
+        required: true;
+    };
+    disableZoom: BooleanConstructor;
+    doubleScale: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
+};
+export type ImagePreviewItemProps = ExtractPropTypes<typeof imagePreviewItemProps>;
 declare const _default: import("vue").DefineComponent<{
     src: StringConstructor;
     show: BooleanConstructor;
@@ -21,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     disableZoom: BooleanConstructor;
     doubleScale: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}, () => 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<{
+}, () => 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<ExtractPropTypes<{
     src: StringConstructor;
     show: BooleanConstructor;
     active: NumberConstructor;

package/es/image-preview/ImagePreviewItem.mjs

@@ -1,6 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, reactive, defineComponent } from "vue";
 import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp, LONG_PRESS_START_TIME, TAP_OFFSET } from "../utils/index.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 import { useTouch } from "../composables/use-touch.mjs";
 import { raf, useEventListener, useRect } from "@vant/use";
 import { Image } from "../image/index.mjs";
@@ -13,19 +14,20 @@ const getCenter = (touches) => ({
 });
 const bem = createNamespace("image-preview")[1];
 const longImageRatio = 2.6;
+const imagePreviewItemProps = {
+  src: String,
+  show: Boolean,
+  active: Number,
+  minZoom: makeRequiredProp(numericProp),
+  maxZoom: makeRequiredProp(numericProp),
+  rootWidth: makeRequiredProp(Number),
+  rootHeight: makeRequiredProp(Number),
+  disableZoom: Boolean,
+  doubleScale: Boolean,
+  closeOnClickOverlay: Boolean
+};
 var stdin_default = defineComponent({
-  props: {
-    src: String,
-    show: Boolean,
-    active: Number,
-    minZoom: makeRequiredProp(numericProp),
-    maxZoom: makeRequiredProp(numericProp),
-    rootWidth: makeRequiredProp(Number),
-    rootHeight: makeRequiredProp(Number),
-    disableZoom: Boolean,
-    doubleScale: Boolean,
-    closeOnClickOverlay: Boolean
-  },
+  props: imagePreviewItemProps,
   emits: ["scale", "close", "longPress"],
   setup(props, {
     emit,
@@ -291,6 +293,9 @@ var stdin_default = defineComponent({
         return (_a = swipeItem.value) == null ? void 0 : _a.$el;
       })
     });
+    useExpose({
+      resetScale
+    });
     return () => {
       const imageSlots = {
         loading: () => _createVNode(Loading, {

package/es/image-preview/types.d.ts

@@ -3,6 +3,7 @@ import type { Interceptor } from '../utils';
 import type { SwipeToOptions } from '../swipe';
 import type { PopupCloseIconPosition } from '../popup';
 import type { ImagePreviewProps } from './ImagePreview';
+import type { ImagePreviewItemProps } from './ImagePreviewItem';
 export type ImagePreviewOptions = {
     loop?: boolean;
     images: string[];
@@ -35,7 +36,12 @@ export type ImagePreviewScaleEventParams = {
     scale: number;
     index: number;
 };
+type ImagePreviewItemExpose = {
+    resetScale: () => void;
+};
+export type ImagePreviewItemInstance = ComponentPublicInstance<ImagePreviewItemProps, ImagePreviewItemExpose>;
 export type ImagePreviewExpose = {
+    resetScale: () => void;
     swipeTo: (index: number, options?: SwipeToOptions) => void;
 };
 export type ImagePreviewInstance = ComponentPublicInstance<ImagePreviewProps, ImagePreviewExpose>;
@@ -50,3 +56,4 @@ export type ImagePreviewThemeVars = {
     imagePreviewCloseIconMargin?: string;
     imagePreviewCloseIconZIndex?: number | string;
 };
+export {};

package/es/index.d.ts

@@ -40,6 +40,7 @@ export * from "./floating-panel";
 export * from "./form";
 export * from "./grid";
 export * from "./grid-item";
+export * from "./highlight";
 export * from "./icon";
 export * from "./image";
 export * from "./image-preview";
@@ -105,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.7.3";
+export const version: "4.8.1";