@expcat/tigercat-vue 1.2.47 → 1.3.0

package/dist/components/FileManager.d.ts

@@ -142,9 +142,9 @@ declare const FileManager: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:currentPath"?: ((...args: any[]) => any) | undefined;
     "onUpdate:searchText"?: ((...args: any[]) => any) | undefined;
 }>, {
+    loading: boolean;
     emptyText: string;
     className: string;
-    loading: boolean;
     searchable: boolean;
     multiple: boolean;
     draggable: boolean;

package/dist/components/FloatButton.d.mts

@@ -83,14 +83,14 @@ declare const FloatButton: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: "default" | "primary";
     size: FloatButtonSize;
     className: string;
     style: Record<string, string | number>;
+    type: "default" | "primary";
     disabled: boolean;
+    shape: FloatButtonShape;
     tooltip: string;
     ariaLabel: string;
-    shape: FloatButtonShape;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueFloatButtonGroupProps {
     shape?: FloatButtonShape;
@@ -148,8 +148,8 @@ declare const FloatButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, string | number>;
-    open: boolean;
     shape: FloatButtonShape;
+    open: boolean;
     trigger: "click" | "hover";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/FloatButton.d.ts

@@ -83,14 +83,14 @@ declare const FloatButton: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: "default" | "primary";
     size: FloatButtonSize;
     className: string;
     style: Record<string, string | number>;
+    type: "default" | "primary";
     disabled: boolean;
+    shape: FloatButtonShape;
     tooltip: string;
     ariaLabel: string;
-    shape: FloatButtonShape;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueFloatButtonGroupProps {
     shape?: FloatButtonShape;
@@ -148,8 +148,8 @@ declare const FloatButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, string | number>;
-    open: boolean;
     shape: FloatButtonShape;
+    open: boolean;
     trigger: "click" | "hover";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Form.d.mts

@@ -74,7 +74,7 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
      */
     labelAlign: {
         type: PropType<FormLabelAlign>;
-        default: FormLabelAlign;
+        default: undefined;
     };
     /**
      * Form size (applies to all form items)
@@ -186,7 +186,7 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
      */
     labelAlign: {
         type: PropType<FormLabelAlign>;
-        default: FormLabelAlign;
+        default: undefined;
     };
     /**
      * Form size (applies to all form items)
@@ -257,8 +257,8 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
     onValidate?: ((fieldName: string, isValid: boolean, _errorMessage?: string | undefined) => any) | undefined;
 }>, {
     size: FormSize;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     model: FormValues;
     labelPosition: FormLabelPosition;
     labelAlign: FormLabelAlign;

package/dist/components/Form.d.ts

@@ -74,7 +74,7 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
      */
     labelAlign: {
         type: PropType<FormLabelAlign>;
-        default: FormLabelAlign;
+        default: undefined;
     };
     /**
      * Form size (applies to all form items)
@@ -186,7 +186,7 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
      */
     labelAlign: {
         type: PropType<FormLabelAlign>;
-        default: FormLabelAlign;
+        default: undefined;
     };
     /**
      * Form size (applies to all form items)
@@ -257,8 +257,8 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
     onValidate?: ((fieldName: string, isValid: boolean, _errorMessage?: string | undefined) => any) | undefined;
 }>, {
     size: FormSize;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     model: FormValues;
     labelPosition: FormLabelPosition;
     labelAlign: FormLabelAlign;

package/dist/components/Form.js

@@ -2,9 +2,9 @@
 
 
 
-var _chunkB2RH4CMGjs = require('../chunk-B2RH4CMG.js');
+var _chunkNKVEXKM5js = require('../chunk-NKVEXKM5.js');
 
 
 
 
-exports.Form = _chunkB2RH4CMGjs.Form; exports.FormContextKey = _chunkB2RH4CMGjs.FormContextKey; exports.default = _chunkB2RH4CMGjs.Form_default;
+exports.Form = _chunkNKVEXKM5js.Form; exports.FormContextKey = _chunkNKVEXKM5js.FormContextKey; exports.default = _chunkNKVEXKM5js.Form_default;

package/dist/components/Form.mjs

@@ -2,7 +2,7 @@ import {
   Form,
   FormContextKey,
   Form_default
-} from "../chunk-LFKY2QRD.mjs";
+} from "../chunk-7WQN5BYE.mjs";
 export {
   Form,
   FormContextKey,

package/dist/components/FormItem.js

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkFRI62O2Jjs = require('../chunk-FRI62O2J.js');
-require('../chunk-B2RH4CMG.js');
+var _chunkJJXYM6QRjs = require('../chunk-JJXYM6QR.js');
+require('../chunk-NKVEXKM5.js');
 
 
 
-exports.FormItem = _chunkFRI62O2Jjs.FormItem; exports.default = _chunkFRI62O2Jjs.FormItem_default;
+exports.FormItem = _chunkJJXYM6QRjs.FormItem; exports.default = _chunkJJXYM6QRjs.FormItem_default;

package/dist/components/FormItem.mjs

@@ -1,8 +1,8 @@
 import {
   FormItem,
   FormItem_default
-} from "../chunk-G36MH6G4.mjs";
-import "../chunk-LFKY2QRD.mjs";
+} from "../chunk-BH4AJQTL.mjs";
+import "../chunk-7WQN5BYE.mjs";
 export {
   FormItem,
   FormItem_default as default

package/dist/components/FormWizard.d.mts

@@ -182,17 +182,17 @@ declare const FormWizard: vue.DefineComponent<vue.ExtractPropTypes<{
     onFinish?: ((...args: any[]) => any) | undefined;
     "onUpdate:current"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
+    size: StepSize;
+    className: string;
+    style: Record<string, string | number>;
+    bordered: boolean;
     direction: StepsDirection;
+    locale: Partial<TigerLocale>;
     labels: Partial<TigerLocaleFormWizard>;
     prevText: string;
     nextText: string;
     finishText: string;
-    size: StepSize;
-    className: string;
-    style: Record<string, string | number>;
     simple: boolean;
-    bordered: boolean;
     defaultCurrent: number;
     current: number;
     clickable: boolean;

package/dist/components/FormWizard.d.ts

@@ -182,17 +182,17 @@ declare const FormWizard: vue.DefineComponent<vue.ExtractPropTypes<{
     onFinish?: ((...args: any[]) => any) | undefined;
     "onUpdate:current"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
+    size: StepSize;
+    className: string;
+    style: Record<string, string | number>;
+    bordered: boolean;
     direction: StepsDirection;
+    locale: Partial<TigerLocale>;
     labels: Partial<TigerLocaleFormWizard>;
     prevText: string;
     nextText: string;
     finishText: string;
-    size: StepSize;
-    className: string;
-    style: Record<string, string | number>;
     simple: boolean;
-    bordered: boolean;
     defaultCurrent: number;
     current: number;
     clickable: boolean;

package/dist/components/FormWizard.js

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkBXS7OSVFjs = require('../chunk-BXS7OSVF.js');
+var _chunkHFRPZA5Sjs = require('../chunk-HFRPZA5S.js');
 require('../chunk-DS7RQFEG.js');
 require('../chunk-25EYT2CB.js');
-require('../chunk-4VLNT2ED.js');
+require('../chunk-HA5QZ76M.js');
 require('../chunk-7ADONGSB.js');
 
 
 
-exports.FormWizard = _chunkBXS7OSVFjs.FormWizard; exports.default = _chunkBXS7OSVFjs.FormWizard_default;
+exports.FormWizard = _chunkHFRPZA5Sjs.FormWizard; exports.default = _chunkHFRPZA5Sjs.FormWizard_default;

package/dist/components/FormWizard.mjs

@@ -1,10 +1,10 @@
 import {
   FormWizard,
   FormWizard_default
-} from "../chunk-WH4J6PHF.mjs";
+} from "../chunk-IORFQMZH.mjs";
 import "../chunk-RE7K3KNW.mjs";
 import "../chunk-VG6E4NX6.mjs";
-import "../chunk-PO5GVU4Q.mjs";
+import "../chunk-YZBQ6IR7.mjs";
 import "../chunk-Z2ZECCGD.mjs";
 export {
   FormWizard,

package/dist/components/FunnelChart.d.mts

@@ -198,12 +198,12 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSegment-click"?: ((...args: any[]) => any) | undefined;
     "onSegment-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    padding: ChartPadding;
+    hoverable: boolean;
     direction: "vertical" | "horizontal";
     width: number;
     height: number;
-    padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
     selectable: boolean;
     gap: number;
     hoveredIndex: number | null;

package/dist/components/FunnelChart.d.ts

@@ -198,12 +198,12 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSegment-click"?: ((...args: any[]) => any) | undefined;
     "onSegment-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    padding: ChartPadding;
+    hoverable: boolean;
     direction: "vertical" | "horizontal";
     width: number;
     height: number;
-    padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
     selectable: boolean;
     gap: number;
     hoveredIndex: number | null;

package/dist/components/Gantt.d.mts

@@ -208,11 +208,11 @@ declare const Gantt: vue.DefineComponent<vue.ExtractPropTypes<{
     "onTask-click"?: ((...args: any[]) => any) | undefined;
     "onTask-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    padding: ChartPadding;
+    hoverable: boolean;
     width: number;
     height: number;
     ariaLabel: string;
-    padding: ChartPadding;
-    hoverable: boolean;
     selectedId: string | number | null;
     selectable: boolean;
     scale: GanttScale;

package/dist/components/Gantt.d.ts

@@ -208,11 +208,11 @@ declare const Gantt: vue.DefineComponent<vue.ExtractPropTypes<{
     "onTask-click"?: ((...args: any[]) => any) | undefined;
     "onTask-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    padding: ChartPadding;
+    hoverable: boolean;
     width: number;
     height: number;
     ariaLabel: string;
-    padding: ChartPadding;
-    hoverable: boolean;
     selectedId: string | number | null;
     selectable: boolean;
     scale: GanttScale;

package/dist/components/GaugeChart.d.mts

@@ -164,12 +164,12 @@ declare const GaugeChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
+    padding: ChartPadding;
+    color: string;
     min: number;
     max: number;
     width: number;
     height: number;
-    color: string;
-    padding: ChartPadding;
     gradient: boolean;
     tickCount: number;
     startAngle: number;

package/dist/components/GaugeChart.d.ts

@@ -164,12 +164,12 @@ declare const GaugeChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
+    padding: ChartPadding;
+    color: string;
     min: number;
     max: number;
     width: number;
     height: number;
-    color: string;
-    padding: ChartPadding;
     gradient: boolean;
     tickCount: number;
     startAngle: number;

package/dist/components/Header.d.mts

@@ -1,8 +1,10 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
+import { HeaderVariant } from '@expcat/tigercat-core';
 
 interface VueHeaderProps {
     className?: string;
+    variant?: HeaderVariant;
     height?: string;
     style?: Record<string, string | number>;
 }
@@ -14,6 +16,14 @@ declare const Header: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Header visual style.
+     * @default 'default'
+     */
+    variant: {
+        type: PropType<HeaderVariant>;
+        default: HeaderVariant;
+    };
     /**
      * Header height (CSS value)
      * @default '64px'
@@ -39,6 +49,14 @@ declare const Header: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Header visual style.
+     * @default 'default'
+     */
+    variant: {
+        type: PropType<HeaderVariant>;
+        default: HeaderVariant;
+    };
     /**
      * Header height (CSS value)
      * @default '64px'
@@ -57,6 +75,7 @@ declare const Header: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     className: string;
     style: Record<string, string | number>;
+    variant: HeaderVariant;
     height: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Header.d.ts

@@ -1,8 +1,10 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
+import { HeaderVariant } from '@expcat/tigercat-core';
 
 interface VueHeaderProps {
     className?: string;
+    variant?: HeaderVariant;
     height?: string;
     style?: Record<string, string | number>;
 }
@@ -14,6 +16,14 @@ declare const Header: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Header visual style.
+     * @default 'default'
+     */
+    variant: {
+        type: PropType<HeaderVariant>;
+        default: HeaderVariant;
+    };
     /**
      * Header height (CSS value)
      * @default '64px'
@@ -39,6 +49,14 @@ declare const Header: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Header visual style.
+     * @default 'default'
+     */
+    variant: {
+        type: PropType<HeaderVariant>;
+        default: HeaderVariant;
+    };
     /**
      * Header height (CSS value)
      * @default '64px'
@@ -57,6 +75,7 @@ declare const Header: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     className: string;
     style: Record<string, string | number>;
+    variant: HeaderVariant;
     height: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Header.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkCKXZONMOjs = require('../chunk-CKXZONMO.js');
+var _chunk72DDCIVLjs = require('../chunk-72DDCIVL.js');
 
 
 
-exports.Header = _chunkCKXZONMOjs.Header; exports.default = _chunkCKXZONMOjs.Header_default;
+exports.Header = _chunk72DDCIVLjs.Header; exports.default = _chunk72DDCIVLjs.Header_default;

package/dist/components/Header.mjs

@@ -1,7 +1,7 @@
 import {
   Header,
   Header_default
-} from "../chunk-IGSAOYXD.mjs";
+} from "../chunk-BC74Z6IG.mjs";
 export {
   Header,
   Header_default as default

package/dist/components/HeatmapChart.d.mts

@@ -211,12 +211,12 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onCell-click"?: ((...args: any[]) => any) | undefined;
     "onCell-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    width: number;
-    height: number;
     padding: ChartPadding;
     hoverable: boolean;
+    width: number;
+    height: number;
     selectable: boolean;
-    renderMode: "auto" | "canvas" | "svg";
+    renderMode: "canvas" | "svg" | "auto";
     hoveredIndex: number | null;
     activeOpacity: number;
     inactiveOpacity: number;

package/dist/components/HeatmapChart.d.ts

@@ -211,12 +211,12 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onCell-click"?: ((...args: any[]) => any) | undefined;
     "onCell-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    width: number;
-    height: number;
     padding: ChartPadding;
     hoverable: boolean;
+    width: number;
+    height: number;
     selectable: boolean;
-    renderMode: "auto" | "canvas" | "svg";
+    renderMode: "canvas" | "svg" | "auto";
     hoveredIndex: number | null;
     activeOpacity: number;
     inactiveOpacity: number;

package/dist/components/Icon.d.mts

@@ -1,12 +1,21 @@
 import * as vue from 'vue';
 import { PropType, VNode } from 'vue';
-import { IconSize } from '@expcat/tigercat-core';
+import { IconName, IconSize } from '@expcat/tigercat-core';
 
 interface VueIconProps {
+    name?: IconName;
     size?: IconSize;
     color?: string;
 }
 declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Built-in icon name. Renders the matching glyph from the built-in icon
+     * set when no custom SVG children are provided.
+     */
+    name: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
     /**
      * Icon size
      * @default 'md'
@@ -26,6 +35,14 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Built-in icon name. Renders the matching glyph from the built-in icon
+     * set when no custom SVG children are provided.
+     */
+    name: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
     /**
      * Icon size
      * @default 'md'
@@ -44,6 +61,7 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: IconSize;
+    name: "close" | "copy" | "error" | "filter" | "link" | "menu" | "search" | "success" | "warning" | "info" | "upload" | "calendar" | "image" | "phone" | "check" | "chevron-up" | "chevron-down" | "chevron-left" | "chevron-right" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-down" | "plus" | "minus" | "edit" | "trash" | "user" | "settings" | "eye" | "eye-off" | "clock" | "more-horizontal" | "more-vertical" | "external-link" | "home" | "bell" | "mail" | "download" | "refresh" | "logout" | "lock" | "star" | "heart" | "document" | "folder" | "map-pin" | "check-circle" | "x-circle" | "users" | "dashboard";
     color: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Icon.d.ts

@@ -1,12 +1,21 @@
 import * as vue from 'vue';
 import { PropType, VNode } from 'vue';
-import { IconSize } from '@expcat/tigercat-core';
+import { IconName, IconSize } from '@expcat/tigercat-core';
 
 interface VueIconProps {
+    name?: IconName;
     size?: IconSize;
     color?: string;
 }
 declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Built-in icon name. Renders the matching glyph from the built-in icon
+     * set when no custom SVG children are provided.
+     */
+    name: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
     /**
      * Icon size
      * @default 'md'
@@ -26,6 +35,14 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Built-in icon name. Renders the matching glyph from the built-in icon
+     * set when no custom SVG children are provided.
+     */
+    name: {
+        type: PropType<IconName>;
+        default: undefined;
+    };
     /**
      * Icon size
      * @default 'md'
@@ -44,6 +61,7 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     size: IconSize;
+    name: "close" | "copy" | "error" | "filter" | "link" | "menu" | "search" | "success" | "warning" | "info" | "upload" | "calendar" | "image" | "phone" | "check" | "chevron-up" | "chevron-down" | "chevron-left" | "chevron-right" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-down" | "plus" | "minus" | "edit" | "trash" | "user" | "settings" | "eye" | "eye-off" | "clock" | "more-horizontal" | "more-vertical" | "external-link" | "home" | "bell" | "mail" | "download" | "refresh" | "logout" | "lock" | "star" | "heart" | "document" | "folder" | "map-pin" | "check-circle" | "x-circle" | "users" | "dashboard";
     color: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Icon.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkRY2I56HBjs = require('../chunk-RY2I56HB.js');
+var _chunkK6DYTMBEjs = require('../chunk-K6DYTMBE.js');
 
 
 
-exports.Icon = _chunkRY2I56HBjs.Icon; exports.default = _chunkRY2I56HBjs.Icon_default;
+exports.Icon = _chunkK6DYTMBEjs.Icon; exports.default = _chunkK6DYTMBEjs.Icon_default;

package/dist/components/Icon.mjs

@@ -1,7 +1,7 @@
 import {
   Icon,
   Icon_default
-} from "../chunk-WQXZ3234.mjs";
+} from "../chunk-DBCSR4WY.mjs";
 export {
   Icon,
   Icon_default as default

package/dist/components/Image.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ImageFit } from '@expcat/tigercat-core';
+import { ImageFit, ImagePreviewTrigger } from '@expcat/tigercat-core';
 
 interface VueImageProps {
     src?: string;
@@ -10,6 +10,7 @@ interface VueImageProps {
     fit?: ImageFit;
     fallbackSrc?: string;
     preview?: boolean;
+    previewTrigger?: ImagePreviewTrigger;
     lazy?: boolean;
     className?: string;
     style?: Record<string, string | number>;
@@ -44,6 +45,10 @@ declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    previewTrigger: {
+        type: PropType<ImagePreviewTrigger>;
+        default: ImagePreviewTrigger;
+    };
     lazy: {
         type: BooleanConstructor;
         default: boolean;
@@ -87,6 +92,10 @@ declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    previewTrigger: {
+        type: PropType<ImagePreviewTrigger>;
+        default: ImagePreviewTrigger;
+    };
     lazy: {
         type: BooleanConstructor;
         default: boolean;
@@ -106,13 +115,14 @@ declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, string | number>;
+    src: string;
+    alt: string;
     width: string | number;
     height: string | number;
     preview: boolean;
-    src: string;
-    alt: string;
     fit: ImageFit;
     fallbackSrc: string;
+    previewTrigger: ImagePreviewTrigger;
     lazy: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;