x-next 0.0.0-alpha.49 → 0.0.0-alpha.50

package/dist/components/image/context.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey } from 'vue';
+export type PreviewGroupContext = Readonly<{
+    registerImageUrl: (id: number, url: string, canPreview: boolean) => () => void;
+    preview: (imageId: number) => void;
+}>;
+export declare const PreviewGroupInjectionKey: InjectionKey<PreviewGroupContext>;

package/dist/components/image/hooks/use-image-drag.d.ts

@@ -0,0 +1,11 @@
+interface ImageDragProps {
+    wrapperEl: HTMLElement;
+    imageEl: HTMLElement;
+    scale: number;
+}
+export default function useImageDrag(props: ImageDragProps): {
+    translate: import('vue').Ref<number[], number[]>;
+    moving: import('vue').Ref<boolean, boolean>;
+    resetTranslate(): void;
+};
+export {};

package/dist/components/image/hooks/use-image-load-status.d.ts

@@ -0,0 +1,10 @@
+type ImageLoadStatusType = 'beforeLoad' | 'loading' | 'error' | 'loaded';
+export default function useImageLoadStatus(defaultValue?: ImageLoadStatusType): {
+    status: import('vue').Ref<ImageLoadStatusType, ImageLoadStatusType>;
+    isBeforeLoad: import('vue').ComputedRef<boolean>;
+    isLoading: import('vue').ComputedRef<boolean>;
+    isError: import('vue').ComputedRef<boolean>;
+    isLoaded: import('vue').ComputedRef<boolean>;
+    setLoadStatus: (newStatus: ImageLoadStatusType) => void;
+};
+export {};

package/dist/components/image/image-footer.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/image/interface.d.ts

@@ -0,0 +1,45 @@
+import { Slot } from 'vue';
+export interface ImageProps {
+    src?: string;
+    width?: string | number;
+    height?: string | number;
+    title?: string;
+    description?: string;
+    fit?: '' | 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    alt?: string;
+    hideFooter: boolean;
+    footerPosition: 'inner' | 'outer';
+    showLoader: boolean;
+    preview: boolean;
+    previewVisible?: boolean;
+    defaultPreviewVisible: boolean;
+    previewProps?: Partial<ImagePreviewProps>;
+    extra?: Slot;
+    error?: Slot;
+    loader?: Slot;
+    onPreviewVisibleChange?: (visible: boolean) => void;
+}
+export interface ImagePreviewProps {
+    src?: string;
+    visible?: boolean;
+    defaultVisible?: boolean;
+    maskClosable?: boolean;
+    closable?: boolean;
+    actionsLayout?: string[];
+    popupContainer?: HTMLElement | string;
+    escToClose?: boolean;
+    keyboard?: boolean;
+    wheelZoom?: boolean;
+    defaultScale?: number;
+    zoomRate?: number;
+    groupArrowProps?: Record<string, any>;
+    onClose?: () => void;
+}
+export interface ImagePreviewGroupProps extends Omit<ImagePreviewProps, 'src' | 'onClose'> {
+    srcList?: string[];
+    current?: number;
+    defaultCurrent: number;
+    infinite: boolean;
+    onChange?: (index: number, preIndex: number) => void;
+    onPreviewVisibleChange?: (visible: boolean) => void;
+}

package/dist/components/image/preview-arrow.vue.d.ts

@@ -0,0 +1,122 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onPrev: {
+        type: FunctionConstructor;
+    };
+    onNext: {
+        type: FunctionConstructor;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onPrev: {
+        type: FunctionConstructor;
+    };
+    onNext: {
+        type: FunctionConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {
+    IconLeft: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconRight: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;