@expcat/tigercat-vue 2.1.2 → 2.1.4

package/dist/components/ImagePreview.d.mts

@@ -1,9 +1,9 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TigerLocale, ImagePreviewProps } from '@expcat/tigercat-core';
+import { ImageLightboxItem, TigerLocale, ImagePreviewProps } from '@expcat/tigercat-core';
 
-interface VueImagePreviewProps extends Omit<ImagePreviewProps, 'images'> {
-    images?: string[];
+interface VueImagePreviewProps extends ImagePreviewProps {
+    images: ImageLightboxItem[];
 }
 declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     open: {
@@ -11,8 +11,8 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     images: {
-        type: PropType<string[]>;
-        default: () => never[];
+        type: PropType<ImageLightboxItem[]>;
+        required: true;
     };
     currentIndex: {
         type: NumberConstructor;
@@ -20,7 +20,7 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     zIndex: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     maskClosable: {
         type: BooleanConstructor;
@@ -32,11 +32,11 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     minScale: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     maxScale: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     touchSwipeable: {
         type: BooleanConstructor;
@@ -46,20 +46,38 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    zoomable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rotatable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showNav: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCounter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
     };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:open" | "update:currentIndex" | "scale-change")[], "update:open" | "update:currentIndex" | "scale-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue.VNodeChild, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:open" | "update:currentIndex" | "scale-change")[], "update:open" | "update:currentIndex" | "scale-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     open: {
         type: BooleanConstructor;
         default: undefined;
     };
     images: {
-        type: PropType<string[]>;
-        default: () => never[];
+        type: PropType<ImageLightboxItem[]>;
+        required: true;
     };
     currentIndex: {
         type: NumberConstructor;
@@ -67,7 +85,7 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     zIndex: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     maskClosable: {
         type: BooleanConstructor;
@@ -79,11 +97,11 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     minScale: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     maxScale: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     touchSwipeable: {
         type: BooleanConstructor;
@@ -93,6 +111,26 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    zoomable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rotatable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showNav: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCounter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
@@ -103,16 +141,20 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     "onScale-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
+    className: string;
     open: boolean;
     zIndex: number;
-    images: string[];
+    currentIndex: number;
+    maskClosable: boolean;
     scaleStep: number;
     minScale: number;
     maxScale: number;
     touchSwipeable: boolean;
     touchSwipeThreshold: number;
-    currentIndex: number;
-    maskClosable: boolean;
+    zoomable: boolean;
+    rotatable: boolean;
+    showNav: boolean;
+    showCounter: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ImagePreview, type VueImagePreviewProps, ImagePreview as default };

package/dist/components/ImagePreview.mjs

@@ -1,9 +1,9 @@
 import {
   ImagePreview,
   ImagePreview_default
-} from "../chunk-SAC4PAG3.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-NVL4UWPJ.mjs";
+import "../chunk-VFRB5L7W.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   ImagePreview,
   ImagePreview_default as default

package/dist/components/ImageViewer.d.mts

@@ -1,50 +1,78 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TigerLocale, ImageViewerProps } from '@expcat/tigercat-core';
+import { ImageLightboxItem, TigerLocale, ImageViewerProps } from '@expcat/tigercat-core';
 
 interface VueImageViewerProps extends Omit<ImageViewerProps, 'images'> {
-    images?: string[];
+    images?: ImageLightboxItem[];
 }
+/**
+ * Configuration alias of ImagePreview. Same dialog tree; `minZoom`/`maxZoom`
+ * map onto `minScale`/`maxScale`.
+ */
 declare const ImageViewer: vue.DefineComponent<vue.ExtractPropTypes<{
     images: {
-        type: PropType<string[]>;
-        default: () => never[];
+        type: PropType<ImageLightboxItem[]>;
+        required: true;
     };
     open: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     currentIndex: {
         type: NumberConstructor;
         default: number;
     };
-    zoomable: {
+    zIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maskClosable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    rotatable: {
+    scaleStep: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minScale: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxScale: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minZoom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxZoom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    touchSwipeable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showNav: {
+    touchSwipeThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zoomable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showCounter: {
+    rotatable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    maskClosable: {
+    showNav: {
         type: BooleanConstructor;
         default: boolean;
     };
-    minZoom: {
-        type: NumberConstructor;
-        default: number;
-    };
-    maxZoom: {
-        type: NumberConstructor;
-        default: number;
+    showCounter: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     className: {
         type: StringConstructor;
@@ -56,46 +84,70 @@ declare const ImageViewer: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("close" | "update:open" | "update:currentIndex")[], "close" | "update:open" | "update:currentIndex", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("close" | "update:open" | "update:currentIndex" | "scale-change")[], "close" | "update:open" | "update:currentIndex" | "scale-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     images: {
-        type: PropType<string[]>;
-        default: () => never[];
+        type: PropType<ImageLightboxItem[]>;
+        required: true;
     };
     open: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     currentIndex: {
         type: NumberConstructor;
         default: number;
     };
-    zoomable: {
+    zIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maskClosable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    rotatable: {
+    scaleStep: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minScale: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxScale: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minZoom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxZoom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    touchSwipeable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showNav: {
+    touchSwipeThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zoomable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showCounter: {
+    rotatable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    maskClosable: {
+    showNav: {
         type: BooleanConstructor;
         default: boolean;
     };
-    minZoom: {
-        type: NumberConstructor;
-        default: number;
-    };
-    maxZoom: {
-        type: NumberConstructor;
-        default: number;
+    showCounter: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     className: {
         type: StringConstructor;
@@ -109,13 +161,19 @@ declare const ImageViewer: vue.DefineComponent<vue.ExtractPropTypes<{
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     "onUpdate:currentIndex"?: ((...args: any[]) => any) | undefined;
+    "onScale-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
     className: string;
     open: boolean;
-    images: string[];
+    zIndex: number;
     currentIndex: number;
     maskClosable: boolean;
+    scaleStep: number;
+    minScale: number;
+    maxScale: number;
+    touchSwipeable: boolean;
+    touchSwipeThreshold: number;
     zoomable: boolean;
     rotatable: boolean;
     showNav: boolean;

package/dist/components/ImageViewer.mjs

@@ -1,9 +1,10 @@
 import {
   ImageViewer,
   ImageViewer_default
-} from "../chunk-42P6ZQ3J.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-QHOOB7IK.mjs";
+import "../chunk-NVL4UWPJ.mjs";
+import "../chunk-VFRB5L7W.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   ImageViewer,
   ImageViewer_default as default

package/dist/components/InfiniteScroll.d.mts

@@ -2,18 +2,8 @@ import * as vue from 'vue';
 import { PropType } from 'vue';
 import { TigerLocale } from '@expcat/tigercat-core';
 
-interface VueInfiniteScrollProps {
-    hasMore?: boolean;
-    loading?: boolean;
-    threshold?: number;
-    loadingText?: string;
-    endText?: string;
-    direction?: 'vertical' | 'horizontal';
-    inverse?: boolean;
-    disabled?: boolean;
-    className?: string;
-    locale?: Partial<TigerLocale>;
-}
+type VueInfiniteScrollProps = InstanceType<typeof InfiniteScroll>['$props'];
+type InfiniteScrollProps = VueInfiniteScrollProps;
 declare const InfiniteScroll: vue.DefineComponent<vue.ExtractPropTypes<{
     hasMore: {
         type: BooleanConstructor;
@@ -51,6 +41,14 @@ declare const InfiniteScroll: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    height: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    root: {
+        type: PropType<Element | null | "container">;
+        default: string;
+    };
     className: {
         type: StringConstructor;
         default: undefined;
@@ -94,6 +92,14 @@ declare const InfiniteScroll: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    height: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    root: {
+        type: PropType<Element | null | "container">;
+        default: string;
+    };
     className: {
         type: StringConstructor;
         default: undefined;
@@ -107,10 +113,12 @@ declare const InfiniteScroll: vue.DefineComponent<vue.ExtractPropTypes<{
     className: string;
     disabled: boolean;
     loading: boolean;
+    height: number;
     threshold: number;
-    hasMore: boolean;
     endText: string;
+    hasMore: boolean;
     inverse: boolean;
+    root: Element | "container" | null;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { InfiniteScroll, type VueInfiniteScrollProps, InfiniteScroll as default };
+export { InfiniteScroll, type InfiniteScrollProps, type VueInfiniteScrollProps, InfiniteScroll as default };

package/dist/components/InfiniteScroll.mjs

@@ -1,9 +1,8 @@
 import {
   InfiniteScroll,
   InfiniteScroll_default
-} from "../chunk-A5QYJSHK.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-3DFYNKHA.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   InfiniteScroll,
   InfiniteScroll_default as default

package/dist/components/Input.d.mts

@@ -27,106 +27,45 @@ interface VueInputProps {
     style?: Record<string, string | number>;
 }
 declare const Input: vue.DefineComponent<vue.ExtractPropTypes<{
-    /**
-     * Input value (for v-model)
-     */
     modelValue: {
         type: PropType<string | number>;
     };
-    /**
-     * Input size
-     * @default 'md'
-     */
     size: {
         type: PropType<ComponentSize>;
         default: string;
     };
-    /**
-     * Input type
-     * @default 'text'
-     */
     type: {
         type: PropType<InputType>;
         default: string;
     };
-    /**
-     * Input status
-     * @default 'default'
-     */
     status: {
         type: PropType<InputStatus>;
         default: string;
     };
-    /**
-     * Error message to default display
-     */
     errorMessage: StringConstructor;
-    /**
-     * Prefix text/icon
-     */
     prefix: StringConstructor;
-    /**
-     * Suffix text/icon
-     */
     suffix: StringConstructor;
-    /**
-     * Placeholder text
-     */
     placeholder: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Whether the input is disabled
-     */
     disabled: BooleanConstructor;
-    /**
-     * Whether the input is readonly
-     */
     readonly: BooleanConstructor;
-    /**
-     * Whether the input is required
-     */
     required: BooleanConstructor;
-    /** Maximum length */
     maxLength: NumberConstructor;
-    /** Minimum length */
     minLength: NumberConstructor;
-    /** Input name attribute */
     name: StringConstructor;
-    /** Input id attribute */
     id: StringConstructor;
-    /** Autocomplete attribute */
     autoComplete: StringConstructor;
-    /**
-     * Whether to autofocus on mount
-     */
     autoFocus: BooleanConstructor;
-    /**
-     * Whether to show a clear button
-     */
     clearable: BooleanConstructor;
-    /**
-     * Whether to show a password toggle button
-     */
     showPassword: BooleanConstructor;
-    /**
-     * Whether to show a character count
-     */
     showCount: BooleanConstructor;
-    /**
-     * Internal shake trigger counter (used by FormItem)
-     * @internal
-     */
     _shakeTrigger: {
         type: NumberConstructor;
         default: undefined;
     };
-    /** Additional CSS classes */
     className: StringConstructor;
-    /**
-     * Inline styles
-     */
     style: {
         type: PropType<Record<string, string | number>>;
     };
@@ -140,115 +79,54 @@ declare const Input: vue.DefineComponent<vue.ExtractPropTypes<{
     blur: null;
     clear: null;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * Input value (for v-model)
-     */
     modelValue: {
         type: PropType<string | number>;
     };
-    /**
-     * Input size
-     * @default 'md'
-     */
     size: {
         type: PropType<ComponentSize>;
         default: string;
     };
-    /**
-     * Input type
-     * @default 'text'
-     */
     type: {
         type: PropType<InputType>;
         default: string;
     };
-    /**
-     * Input status
-     * @default 'default'
-     */
     status: {
         type: PropType<InputStatus>;
         default: string;
     };
-    /**
-     * Error message to default display
-     */
     errorMessage: StringConstructor;
-    /**
-     * Prefix text/icon
-     */
     prefix: StringConstructor;
-    /**
-     * Suffix text/icon
-     */
     suffix: StringConstructor;
-    /**
-     * Placeholder text
-     */
     placeholder: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Whether the input is disabled
-     */
     disabled: BooleanConstructor;
-    /**
-     * Whether the input is readonly
-     */
     readonly: BooleanConstructor;
-    /**
-     * Whether the input is required
-     */
     required: BooleanConstructor;
-    /** Maximum length */
     maxLength: NumberConstructor;
-    /** Minimum length */
     minLength: NumberConstructor;
-    /** Input name attribute */
     name: StringConstructor;
-    /** Input id attribute */
     id: StringConstructor;
-    /** Autocomplete attribute */
     autoComplete: StringConstructor;
-    /**
-     * Whether to autofocus on mount
-     */
     autoFocus: BooleanConstructor;
-    /**
-     * Whether to show a clear button
-     */
     clearable: BooleanConstructor;
-    /**
-     * Whether to show a password toggle button
-     */
     showPassword: BooleanConstructor;
-    /**
-     * Whether to show a character count
-     */
     showCount: BooleanConstructor;
-    /**
-     * Internal shake trigger counter (used by FormItem)
-     * @internal
-     */
     _shakeTrigger: {
         type: NumberConstructor;
         default: undefined;
     };
-    /** Additional CSS classes */
     className: StringConstructor;
-    /**
-     * Inline styles
-     */
     style: {
         type: PropType<Record<string, string | number>>;
     };
 }>> & Readonly<{
-    onClear?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     status: InputStatus;
@@ -257,9 +135,9 @@ declare const Input: vue.DefineComponent<vue.ExtractPropTypes<{
     required: boolean;
     size: ComponentSize;
     disabled: boolean;
+    autoFocus: boolean;
     clearable: boolean;
     readonly: boolean;
-    autoFocus: boolean;
     _shakeTrigger: number;
     showCount: boolean;
     showPassword: boolean;