@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/image/ImagePreviewImage.vue.d.ts

@@ -0,0 +1,27 @@
+import { ImageCrossOrigin, ImageRatioType } from './types';
+type __VLS_Props = {
+    crossOrigin?: ImageCrossOrigin | undefined;
+    disableDownload: boolean;
+    initialZoom?: number | undefined;
+    maxZoom: number;
+    minZoom: number;
+    ratio: ImageRatioType;
+    rotation: number;
+    src?: string | undefined;
+    zoom: number;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    changeZoom: (zoom: number, event?: WheelEvent) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (src: string) => any;
+    load: (src: string) => any;
+    zoom: (zoom: number, notify?: boolean | undefined) => any;
+    ratio: (type: ImageRatioType) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: (src: string) => any;
+    onLoad?: (src: string) => any;
+    onZoom?: (zoom: number, notify?: boolean | undefined) => any;
+    onRatio?: (type: ImageRatioType) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/image/ImagePreviewInner.vue.d.ts

@@ -0,0 +1,54 @@
+import { ImagePreviewProps, ImagePreviewSlots } from './types';
+type __VLS_Slots = ImagePreviewSlots;
+declare const __VLS_base: import('vue').DefineComponent<ImagePreviewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (index: number) => any;
+    close: () => any;
+    next: (index: number) => any;
+    visibleChange: (visible: boolean) => any;
+    "update:visible": (visible: boolean) => any;
+    prev: (index: number) => any;
+    download: (src: string, index: number) => any;
+    downloadError: (src: string) => any;
+    ratioChange: (type: import('./types').ImageRatioType) => any;
+    rotateLeft: (angle: number) => any;
+    "update:currentIndex": (index: number) => any;
+    zoomIn: (zoom: number) => any;
+    zoomOut: (zoom: number) => any;
+}, string, import('vue').PublicProps, Readonly<ImagePreviewProps> & Readonly<{
+    onChange?: (index: number) => any;
+    onClose?: () => any;
+    onNext?: (index: number) => any;
+    onVisibleChange?: (visible: boolean) => any;
+    "onUpdate:visible"?: (visible: boolean) => any;
+    onPrev?: (index: number) => any;
+    onDownload?: (src: string, index: number) => any;
+    onDownloadError?: (src: string) => any;
+    onRatioChange?: (type: import('./types').ImageRatioType) => any;
+    onRotateLeft?: (angle: number) => any;
+    "onUpdate:currentIndex"?: (index: number) => any;
+    onZoomIn?: (zoom: number) => any;
+    onZoomOut?: (zoom: number) => any;
+}>, {
+    infinite: boolean | undefined;
+    zIndex: number | undefined;
+    closeOnEsc: boolean | undefined;
+    disableDownload: boolean | undefined;
+    showTooltip: boolean | undefined;
+    closable: boolean | undefined;
+    maxZoom: number | undefined;
+    minZoom: number | undefined;
+    lazyLoad: boolean | undefined;
+    maskClosable: boolean | undefined;
+    preLoad: boolean | undefined;
+    preLoadGap: number | undefined;
+    viewerVisibleDelay: number | undefined;
+    zoomStep: number | undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { ImagePreviewProps } from './types';
+export interface ImagePreviewContextValue {
+    currentIndex: ComputedRef<number>;
+    handleVisibleChange: (visible: boolean) => void;
+    isGroup: true;
+    lazyLoad: ComputedRef<boolean>;
+    previewSrc: ComputedRef<string[]>;
+    setCurrentIndex: (index: number) => void;
+    setDownloadName: ComputedRef<ImagePreviewProps['setDownloadName']>;
+    titles: ComputedRef<unknown[]>;
+    visible: ComputedRef<boolean>;
+}
+export declare const imagePreviewContextKey: InjectionKey<ImagePreviewContextValue>;

package/dist/image/index.d.ts

@@ -0,0 +1,6 @@
+import { default as Image } from './Image.vue';
+import { default as ImagePreview } from './ImagePreview.vue';
+export { Image, ImagePreview };
+export { imagePreviewContextKey } from './image-context';
+export type { ImageCrossOrigin, ImageEmits, ImageLocale, ImagePreviewEmits, ImagePreviewMenuProps, ImagePreviewOptions, ImagePreviewProps, ImagePreviewSlots, ImageProps, ImageRatioType, ImageSlots, } from './types';
+export default Image;

package/dist/image/index.js

@@ -0,0 +1,2 @@
+import { i as e, n as t, r as n, t as r } from "../image-C-ifCh_9.js";
+export { n as Image, t as ImagePreview, r as default, e as imagePreviewContextKey };

package/dist/image/types.d.ts

@@ -0,0 +1,183 @@
+import { HTMLAttributes, ImgHTMLAttributes, StyleValue, VNodeChild } from 'vue';
+export type ImageRatioType = 'adaptation' | 'realSize';
+export type ImageCrossOrigin = 'anonymous' | 'use-credentials';
+export interface ImageLocale {
+    preview: string;
+    loading: string;
+    loadError: string;
+    prevTip: string;
+    nextTip: string;
+    zoomInTip: string;
+    zoomOutTip: string;
+    rotateTip: string;
+    downloadTip: string;
+    adaptiveTip: string;
+    originTip: string;
+}
+export interface ImagePreviewMenuProps {
+    min: number;
+    max: number;
+    step: number;
+    curPage: number;
+    totalNum: number;
+    zoom: number;
+    ratio: ImageRatioType;
+    disabledPrev: boolean;
+    disabledNext: boolean;
+    disabledZoomIn: boolean;
+    disabledZoomOut: boolean;
+    disableDownload: boolean;
+    onDownload: () => void;
+    onNext: () => void;
+    onPrev: () => void;
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    onRatioClick: () => void;
+    onRotateLeft: () => void;
+    onRotateRight: () => void;
+    menuItems: VNodeChild[];
+}
+export interface ImagePreviewProps {
+    adaptiveTip?: string | undefined;
+    class?: HTMLAttributes['class'] | undefined;
+    className?: string | undefined;
+    closable?: boolean | undefined;
+    closeOnEsc?: boolean | undefined;
+    crossOrigin?: ImageCrossOrigin | undefined;
+    currentIndex?: number | undefined;
+    defaultCurrentIndex?: number | undefined;
+    defaultVisible?: boolean | undefined;
+    disableDownload?: boolean | undefined;
+    downloadTip?: string | undefined;
+    getPopupContainer?: (() => HTMLElement) | undefined;
+    infinite?: boolean | undefined;
+    initialZoom?: number | undefined;
+    lazyLoad?: boolean | undefined;
+    lazyLoadMargin?: string | undefined;
+    maskClosable?: boolean | undefined;
+    maxZoom?: number | undefined;
+    minZoom?: number | undefined;
+    nextTip?: string | undefined;
+    originTip?: string | undefined;
+    preLoad?: boolean | undefined;
+    preLoadGap?: number | undefined;
+    prevTip?: string | undefined;
+    previewCls?: string | undefined;
+    previewStyle?: StyleValue | undefined;
+    previewTitle?: VNodeChild | undefined;
+    renderCloseIcon?: VNodeChild | (() => VNodeChild) | undefined;
+    renderHeader?: ((title: VNodeChild) => VNodeChild) | undefined;
+    renderLeftIcon?: VNodeChild | ((index: number) => VNodeChild) | undefined;
+    renderPreviewMenu?: ((props: ImagePreviewMenuProps) => VNodeChild) | undefined;
+    renderRightIcon?: VNodeChild | ((index: number) => VNodeChild) | undefined;
+    rotateTip?: string | undefined;
+    setDownloadName?: ((src: string) => string) | undefined;
+    showTooltip?: boolean | undefined;
+    src?: string | string[] | undefined;
+    style?: StyleValue | undefined;
+    viewerVisibleDelay?: number | undefined;
+    visible?: boolean | undefined;
+    zIndex?: number | undefined;
+    zoomInTip?: string | undefined;
+    zoomOutTip?: string | undefined;
+    zoomStep?: number | undefined;
+}
+export interface ImagePreviewOptions extends ImagePreviewProps {
+    onChange?: ((index: number) => void) | undefined;
+    onClose?: (() => void) | undefined;
+    onDownload?: ((src: string, index: number) => void) | undefined;
+    onDownloadError?: ((src: string) => void) | undefined;
+    onNext?: ((index: number) => void) | undefined;
+    onPrev?: ((index: number) => void) | undefined;
+    onRatioChange?: ((type: ImageRatioType) => void) | undefined;
+    onRotateLeft?: ((angle: number) => void) | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
+    onZoomIn?: ((zoom: number) => void) | undefined;
+    onZoomOut?: ((zoom: number) => void) | undefined;
+}
+export interface ImageProps extends /* @vue-ignore */ Omit<ImgHTMLAttributes, 'class' | 'style' | 'src' | 'width' | 'height' | 'crossorigin' | 'onLoad' | 'onError' | 'placeholder'> {
+    alt?: string | undefined;
+    class?: HTMLAttributes['class'] | undefined;
+    className?: string | undefined;
+    crossOrigin?: ImageCrossOrigin | undefined;
+    fallback?: string | VNodeChild | undefined;
+    height?: string | number | undefined;
+    imageID?: number | undefined;
+    imgCls?: HTMLAttributes['class'] | undefined;
+    imgStyle?: StyleValue | undefined;
+    placeholder?: VNodeChild | undefined;
+    preview?: boolean | ImagePreviewOptions | undefined;
+    setDownloadName?: ((src: string) => string) | undefined;
+    src?: string | undefined;
+    style?: StyleValue | undefined;
+    width?: string | number | undefined;
+}
+export interface ImageEmits {
+    click: [event: MouseEvent];
+    error: [event: Event];
+    load: [event: Event];
+}
+export interface ImageSlots {
+    fallback?: () => VNodeChild;
+    placeholder?: () => VNodeChild;
+}
+export interface ImagePreviewEmits {
+    change: [index: number];
+    close: [];
+    download: [src: string, index: number];
+    downloadError: [src: string];
+    next: [index: number];
+    prev: [index: number];
+    ratioChange: [type: ImageRatioType];
+    rotateLeft: [angle: number];
+    'update:currentIndex': [index: number];
+    'update:visible': [visible: boolean];
+    visibleChange: [visible: boolean];
+    zoomIn: [zoom: number];
+    zoomOut: [zoom: number];
+}
+export interface ImagePreviewSlots {
+    closeIcon?: () => VNodeChild;
+    default?: () => VNodeChild;
+    header?: (props: {
+        title: VNodeChild;
+    }) => VNodeChild;
+    leftIcon?: (props: {
+        index: number;
+    }) => VNodeChild;
+    previewMenu?: (props: ImagePreviewMenuProps) => VNodeChild;
+    rightIcon?: (props: {
+        index: number;
+    }) => VNodeChild;
+}
+export interface ImageState {
+    loadStatus: 'loading' | 'success' | 'error';
+    previewVisible: boolean;
+    src: string;
+}
+export interface ImagePreviewState {
+    currentIndex: number;
+    visible: boolean;
+}
+export interface ImagePreviewInnerState {
+    currentIndex: number;
+    direction: string;
+    imgLoadStatus: Record<string, boolean>;
+    imgSrc: string[];
+    preloadAfterVisibleChange: boolean;
+    ratio: ImageRatioType;
+    rotation: number;
+    viewerVisible: boolean;
+    visible: boolean;
+    zoom: number;
+}
+export interface ImagePreviewImageState {
+    currZoom: number;
+    height: number;
+    loading: boolean;
+    translate: {
+        x: number;
+        y: number;
+    };
+    width: number;
+}