@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.2

package/dist/components/Dropdown.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType, VNode } from 'vue';
-import { DropdownTrigger, FloatingPlacement, DropdownMenuProps, DropdownProps } from '@expcat/tigercat-core';
+import { DropdownTrigger, FloatingPlacement, DropdownItemProps, DropdownMenuProps, DropdownProps } from '@expcat/tigercat-core';
 
 interface VueDropdownMenuProps extends DropdownMenuProps {
 }
@@ -39,6 +39,73 @@ interface DropdownContext {
     closeOnClick: boolean;
     handleItemClick: () => void;
 }
+type VueDropdownItemProps = DropdownItemProps;
+declare const DropdownItem: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Whether the item is disabled
+     * @default false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether the item is divided from previous item
+     * @default false
+     */
+    divided: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Whether the item is disabled
+     * @default false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether the item is divided from previous item
+     * @default false
+     */
+    divided: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string;
+    style: Record<string, unknown>;
+    disabled: boolean;
+    divided: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueDropdownProps extends DropdownProps {
     /**
      * Dropdown placement relative to trigger
@@ -238,4 +305,4 @@ declare const Dropdown: vue.DefineComponent<vue.ExtractPropTypes<{
     portal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { Dropdown, type DropdownContext, DropdownContextKey, DropdownMenu, type VueDropdownMenuProps, type VueDropdownProps, Dropdown as default };
+export { Dropdown, type DropdownContext, DropdownContextKey, DropdownItem, DropdownMenu, type VueDropdownItemProps, type VueDropdownMenuProps, type VueDropdownProps, Dropdown as default };

package/dist/components/Dropdown.mjs

@@ -1,13 +1,15 @@
 import {
   Dropdown,
   DropdownContextKey,
+  DropdownItem,
   DropdownMenu,
   Dropdown_default
-} from "../chunk-6CS3EEQU.mjs";
+} from "../chunk-BNNTDSLJ.mjs";
 import "../chunk-BDTPFPSB.mjs";
 export {
   Dropdown,
   DropdownContextKey,
+  DropdownItem,
   DropdownMenu,
   Dropdown_default as default
 };

package/dist/components/Empty.d.mts

@@ -63,9 +63,9 @@ declare const Empty: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    locale: Partial<TigerLocale>;
     className: string;
     style: Record<string, string | number>;
+    locale: Partial<TigerLocale>;
     preset: EmptyPreset;
     description: string;
     showImage: boolean;

package/dist/components/FileManager.d.mts

@@ -150,10 +150,10 @@ declare const FileManager: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:searchText"?: ((...args: any[]) => any) | undefined;
     "onUpdate:files"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
+    loading: boolean;
     emptyText: string;
     className: string;
-    loading: boolean;
+    locale: Partial<TigerLocale>;
     searchable: boolean;
     multiple: boolean;
     columns: FileSortField[];

package/dist/components/FloatButton.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType, VNode } from 'vue';
-import { FloatButtonShape, FloatButtonSize } from '@expcat/tigercat-core';
+import { FloatButtonShape, FloatButtonSize, ViewportPlacement, ViewportOffset } from '@expcat/tigercat-core';
 
 interface VueFloatButtonProps {
     shape?: FloatButtonShape;
@@ -10,6 +10,9 @@ interface VueFloatButtonProps {
     disabled?: boolean;
     ariaLabel?: string;
     className?: string;
+    floating?: boolean;
+    placement?: ViewportPlacement;
+    offset?: ViewportOffset;
     style?: Record<string, string | number>;
 }
 declare const FloatButton: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -41,6 +44,18 @@ declare const FloatButton: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    floating: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<ViewportPlacement>;
+        default: ViewportPlacement;
+    };
+    offset: {
+        type: PropType<ViewportOffset>;
+        default: undefined;
+    };
     style: {
         type: PropType<Record<string, string | number>>;
         default: undefined;
@@ -76,6 +91,18 @@ declare const FloatButton: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    floating: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<ViewportPlacement>;
+        default: ViewportPlacement;
+    };
+    offset: {
+        type: PropType<ViewportOffset>;
+        default: undefined;
+    };
     style: {
         type: PropType<Record<string, string | number>>;
         default: undefined;
@@ -83,14 +110,17 @@ declare const FloatButton: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: "default" | "primary";
-    ariaLabel: string;
     size: FloatButtonSize;
     className: string;
     style: Record<string, string | number>;
+    type: "default" | "primary";
     disabled: boolean;
-    tooltip: string;
     shape: FloatButtonShape;
+    ariaLabel: string;
+    tooltip: string;
+    offset: ViewportOffset;
+    placement: ViewportPlacement;
+    floating: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface VueFloatButtonGroupProps {
     shape?: FloatButtonShape;
@@ -148,8 +178,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.mjs

@@ -2,7 +2,7 @@ import {
   FloatButton,
   FloatButtonGroup,
   FloatButton_default
-} from "../chunk-LSWTZHBV.mjs";
+} from "../chunk-HGXD57QM.mjs";
 export {
   FloatButton,
   FloatButtonGroup,

package/dist/components/Form.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { FormValues, FormRules, FormLabelPosition, FormLabelAlign, FormSize, FormConditions, TigerLocale, FormError, FormRule, FormFieldCondition, FormConditionState, FormRuleTrigger } from '@expcat/tigercat-core';
+import { FormValues, FormRules, FormLabelPosition, FormLabelAlign, ComponentSize, FormConditions, TigerLocale, FormError, FormRule, FormFieldCondition, FormConditionState, FormRuleTrigger } from '@expcat/tigercat-core';
 
 declare const FormContextKey: unique symbol;
 interface FormContext {
@@ -9,7 +9,7 @@ interface FormContext {
     labelWidth?: string | number;
     labelPosition: FormLabelPosition;
     labelAlign: FormLabelAlign;
-    size: FormSize;
+    size: ComponentSize;
     inlineMessage: boolean;
     showRequiredAsterisk: boolean;
     disabled: boolean;
@@ -28,7 +28,7 @@ interface VueFormProps {
     labelWidth?: string | number;
     labelPosition?: FormLabelPosition;
     labelAlign?: FormLabelAlign;
-    size?: FormSize;
+    size?: ComponentSize;
     inlineMessage?: boolean;
     showRequiredAsterisk?: boolean;
     disabled?: boolean;
@@ -81,8 +81,8 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
      * @default 'md'
      */
     size: {
-        type: PropType<FormSize>;
-        default: FormSize;
+        type: PropType<ComponentSize>;
+        default: ComponentSize;
     };
     /**
      * Show inline validation messages
@@ -201,8 +201,8 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
      * @default 'md'
      */
     size: {
-        type: PropType<FormSize>;
-        default: FormSize;
+        type: PropType<ComponentSize>;
+        default: ComponentSize;
     };
     /**
      * Show inline validation messages
@@ -272,10 +272,10 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
     }) => any) | undefined;
     onValidate?: ((fieldName: string, isValid: boolean, _errorMessage?: string | undefined) => any) | undefined;
 }>, {
+    size: ComponentSize;
+    loading: boolean;
     locale: Partial<TigerLocale>;
-    size: FormSize;
     disabled: boolean;
-    loading: boolean;
     model: FormValues;
     labelPosition: FormLabelPosition;
     labelAlign: FormLabelAlign;

package/dist/components/FormItem.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType, VNode } from 'vue';
-import { FormRule, FormSize, FormErrorDisplayMode, FormFieldCondition } from '@expcat/tigercat-core';
+import { FormRule, ComponentSize, FormErrorDisplayMode, FormFieldCondition } from '@expcat/tigercat-core';
 
 interface VueFormItemProps {
     name?: string;
@@ -10,7 +10,7 @@ interface VueFormItemProps {
     rules?: FormRule | FormRule[];
     error?: string;
     showMessage?: boolean;
-    size?: FormSize;
+    size?: ComponentSize;
     errorDisplayMode?: FormErrorDisplayMode;
     condition?: FormFieldCondition;
 }
@@ -63,7 +63,7 @@ declare const FormItem: vue.DefineComponent<vue.ExtractPropTypes<{
      * Field size (overrides form-level size)
      */
     size: {
-        type: PropType<FormSize>;
+        type: PropType<ComponentSize>;
     };
     /**
      * Error display mode
@@ -128,7 +128,7 @@ declare const FormItem: vue.DefineComponent<vue.ExtractPropTypes<{
      * Field size (overrides form-level size)
      */
     size: {
-        type: PropType<FormSize>;
+        type: PropType<ComponentSize>;
     };
     /**
      * Error display mode

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/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;
 }>, {
-    direction: "vertical" | "horizontal";
+    direction: "horizontal" | "vertical";
+    padding: ChartPadding;
+    hoverable: boolean;
     width: number;
     height: number;
-    padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
     selectable: boolean;
     gap: number;
     hoveredIndex: number | null;

package/dist/components/FunnelChart.mjs

@@ -1,12 +1,12 @@
 import {
   FunnelChart,
   FunnelChart_default
-} from "../chunk-PJX2DHO5.mjs";
-import "../chunk-R2HO74FE.mjs";
+} from "../chunk-O4F75KHL.mjs";
+import "../chunk-PE5OA4YG.mjs";
+import "../chunk-SPFL55TF.mjs";
+import "../chunk-W5RZPTFD.mjs";
 import "../chunk-HLPSHCXO.mjs";
 import "../chunk-2ZUEXCVJ.mjs";
-import "../chunk-G2LB4QCL.mjs";
-import "../chunk-W5RZPTFD.mjs";
 export {
   FunnelChart,
   FunnelChart_default as default

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;
     ariaLabel: string;
     width: number;
     height: number;
-    padding: ChartPadding;
-    hoverable: boolean;
     selectedId: string | number | null;
     selectable: boolean;
     scale: GanttScale;

package/dist/components/GaugeChart.d.mts

@@ -178,12 +178,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;
     showTooltip: boolean;

package/dist/components/GaugeChart.mjs

@@ -1,8 +1,8 @@
 import {
   GaugeChart,
   GaugeChart_default
-} from "../chunk-SMCOBLF6.mjs";
-import "../chunk-G2LB4QCL.mjs";
+} from "../chunk-KBJANUZZ.mjs";
+import "../chunk-SPFL55TF.mjs";
 import "../chunk-W5RZPTFD.mjs";
 export {
   GaugeChart,

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.mjs

@@ -1,9 +1,9 @@
 import {
   HeatmapChart,
   HeatmapChart_default
-} from "../chunk-PMN2MQ26.mjs";
-import "../chunk-R2HO74FE.mjs";
-import "../chunk-G2LB4QCL.mjs";
+} from "../chunk-FIVVKBBF.mjs";
+import "../chunk-PE5OA4YG.mjs";
+import "../chunk-SPFL55TF.mjs";
 import "../chunk-W5RZPTFD.mjs";
 export {
   HeatmapChart,

package/dist/components/Icon.d.mts

@@ -60,8 +60,8 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
         default: string;
     };
 }>> & Readonly<{}>, {
-    name: "upload" | "calendar" | "filter" | "error" | "phone" | "link" | "menu" | "search" | "close" | "copy" | "image" | "success" | "warning" | "info" | "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";
     size: IconSize;
+    name: "close" | "copy" | "error" | "filter" | "link" | "menu" | "search" | "success" | "warning" | "upload" | "calendar" | "info" | "phone" | "image" | "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/Image.d.mts

@@ -115,11 +115,11 @@ 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;

package/dist/components/Image.mjs

@@ -2,9 +2,9 @@ import {
   IMAGE_GROUP_INJECTION_KEY,
   Image,
   Image_default
-} from "../chunk-WSUCJHJX.mjs";
-import "../chunk-WWB7VKKH.mjs";
-import "../chunk-M4EP4OVR.mjs";
+} from "../chunk-GAEO66NY.mjs";
+import "../chunk-36WSYHJU.mjs";
+import "../chunk-KE6RGD4Y.mjs";
 import "../chunk-BDTPFPSB.mjs";
 import "../chunk-R6WFL6NI.mjs";
 export {

package/dist/components/ImageAnnotation.d.mts

@@ -92,7 +92,7 @@ declare const ImageAnnotation: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "change" | "update:modelValue" | "ready" | "tool-change")[], "select" | "change" | "update:modelValue" | "ready" | "tool-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "update:modelValue" | "ready" | "tool-change")[], "change" | "select" | "update:modelValue" | "ready" | "tool-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
@@ -162,27 +162,27 @@ declare const ImageAnnotation: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onReady?: ((...args: any[]) => any) | undefined;
     "onTool-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
     className: string;
     style: Record<string, string | number>;
+    alt: string;
+    locale: Partial<TigerLocale>;
     disabled: boolean;
+    strokeWidth: number;
     defaultValue: ImageAnnotation$1[];
     modelValue: ImageAnnotation$1[];
     readonly: boolean;
-    alt: string;
     selectedId: string;
     defaultSelectedId: string;
     tool: ImageAnnotationTool;
     defaultTool: ImageAnnotationTool;
     tools: ImageAnnotationTool[];
     minSize: number;
-    strokeWidth: number;
     showLabels: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/ImageCropper.d.mts

@@ -102,9 +102,9 @@ declare const ImageCropper: vue.DefineComponent<vue.ExtractPropTypes<{
     onReady?: ((...args: any[]) => any) | undefined;
     "onCrop-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
     className: string;
     style: Record<string, string | number>;
+    locale: Partial<TigerLocale>;
     quality: number;
     aspectRatio: number;
     minWidth: number;

package/dist/components/ImageGroup.d.mts

@@ -16,13 +16,13 @@ declare const ImageGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "preview-visible-change"[], "preview-visible-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "preview-open-change"[], "preview-open-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     preview: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Readonly<{
-    "onPreview-visible-change"?: ((...args: any[]) => any) | undefined;
+    "onPreview-open-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     preview: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/ImageGroup.mjs

@@ -2,8 +2,8 @@ import {
   IMAGE_GROUP_INJECTION_KEY,
   ImageGroup,
   ImageGroup_default
-} from "../chunk-X43QLJ5E.mjs";
-import "../chunk-WWB7VKKH.mjs";
+} from "../chunk-IGT4QB7O.mjs";
+import "../chunk-36WSYHJU.mjs";
 import "../chunk-R6WFL6NI.mjs";
 export {
   IMAGE_GROUP_INJECTION_KEY,

package/dist/components/ImagePreview.d.mts

@@ -1,17 +1,9 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TigerLocale } from '@expcat/tigercat-core';
+import { TigerLocale, ImagePreviewProps } from '@expcat/tigercat-core';
 
-interface VueImagePreviewProps {
-    open?: boolean;
+interface VueImagePreviewProps extends Omit<ImagePreviewProps, 'images'> {
     images?: string[];
-    currentIndex?: number;
-    zIndex?: number;
-    maskClosable?: boolean;
-    scaleStep?: number;
-    minScale?: number;
-    maxScale?: number;
-    locale?: Partial<TigerLocale>;
 }
 declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     open: {
@@ -46,6 +38,14 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    touchSwipeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    touchSwipeThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
@@ -85,6 +85,14 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    touchSwipeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    touchSwipeThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
@@ -98,11 +106,13 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     open: boolean;
     zIndex: number;
     images: string[];
-    currentIndex: number;
-    maskClosable: boolean;
     scaleStep: number;
     minScale: number;
     maxScale: number;
+    touchSwipeable: boolean;
+    touchSwipeThreshold: number;
+    currentIndex: number;
+    maskClosable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ImagePreview, type VueImagePreviewProps, ImagePreview as default };

package/dist/components/ImagePreview.mjs

@@ -1,7 +1,7 @@
 import {
   ImagePreview,
   ImagePreview_default
-} from "../chunk-WWB7VKKH.mjs";
+} from "../chunk-36WSYHJU.mjs";
 import "../chunk-R6WFL6NI.mjs";
 export {
   ImagePreview,