vant 4.7.2 → 4.8.0

package/es/field/index.d.ts

@@ -15,13 +15,16 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -50,10 +53,6 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: import("vue").PropType<import("./types").FieldClearTrigger>;
         default: import("./types").FieldClearTrigger;
@@ -62,6 +61,10 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./types").FieldFormatTrigger>;
         default: import("./types").FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -107,13 +110,16 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -142,10 +148,6 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: import("vue").PropType<import("./types").FieldClearTrigger>;
         default: import("./types").FieldClearTrigger;
@@ -154,6 +156,10 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./types").FieldFormatTrigger>;
         default: import("./types").FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -202,14 +208,14 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     disabled: boolean;
     border: boolean;
     isLink: boolean;
-    required: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
-    spellcheck: boolean;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
+    spellcheck: boolean;
     error: boolean;
     readonly: boolean;
     showWordLimit: boolean;

package/es/field/types.d.ts

@@ -26,7 +26,7 @@ export type FieldRule = {
     validateEmpty?: boolean;
 };
 export type FieldValidationStatus = 'passed' | 'failed' | 'unvalidated';
-export type FieldFormSharedProps = 'colon' | 'disabled' | 'readonly' | 'labelWidth' | 'labelAlign' | 'inputAlign' | 'errorMessageAlign';
+export type FieldFormSharedProps = 'colon' | 'required' | 'disabled' | 'readonly' | 'labelWidth' | 'labelAlign' | 'inputAlign' | 'errorMessageAlign';
 export type FieldExpose = {
     blur: () => void | undefined;
     focus: () => void | undefined;

package/es/form/Form.d.ts

@@ -4,6 +4,7 @@ export declare const formProps: {
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    required: PropType<boolean | "auto">;
     showError: BooleanConstructor;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelAlign: PropType<FieldTextAlign>;
@@ -29,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    required: PropType<boolean | "auto">;
     showError: BooleanConstructor;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelAlign: PropType<FieldTextAlign>;
@@ -52,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    required: PropType<boolean | "auto">;
     showError: BooleanConstructor;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelAlign: PropType<FieldTextAlign>;

package/es/form/Form.mjs

@@ -8,6 +8,7 @@ const formProps = {
   colon: Boolean,
   disabled: Boolean,
   readonly: Boolean,
+  required: [Boolean, String],
   showError: Boolean,
   labelWidth: numericProp,
   labelAlign: String,

package/es/form/index.d.ts

@@ -3,6 +3,7 @@ export declare const Form: import("../utils").WithInstall<import("vue").DefineCo
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    required: import("vue").PropType<boolean | "auto">;
     showError: BooleanConstructor;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelAlign: import("vue").PropType<import("..").FieldTextAlign>;
@@ -26,6 +27,7 @@ export declare const Form: import("../utils").WithInstall<import("vue").DefineCo
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    required: import("vue").PropType<boolean | "auto">;
     showError: BooleanConstructor;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelAlign: import("vue").PropType<import("..").FieldTextAlign>;

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.2";
+export const version: "4.8.0";

package/es/index.mjs

@@ -40,6 +40,7 @@ import { FloatingPanel } from "./floating-panel/index.mjs";
 import { Form } from "./form/index.mjs";
 import { Grid } from "./grid/index.mjs";
 import { GridItem } from "./grid-item/index.mjs";
+import { Highlight } from "./highlight/index.mjs";
 import { Icon } from "./icon/index.mjs";
 import { Image } from "./image/index.mjs";
 import { ImagePreview } from "./image-preview/index.mjs";
@@ -98,7 +99,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.7.2";
+const version = "4.8.0";
 function install(app) {
   const components = [
     ActionBar,
@@ -143,6 +144,7 @@ function install(app) {
     Form,
     Grid,
     GridItem,
+    Highlight,
     Icon,
     Image,
     ImagePreview,
@@ -252,6 +254,7 @@ export * from "./floating-panel/index.mjs";
 export * from "./form/index.mjs";
 export * from "./grid/index.mjs";
 export * from "./grid-item/index.mjs";
+export * from "./highlight/index.mjs";
 export * from "./icon/index.mjs";
 export * from "./image/index.mjs";
 export * from "./image-preview/index.mjs";