yuang-framework-ui-pc
Version:
yuang-framework-ui-pc Library
636 lines (634 loc) • 24.2 kB
TypeScript
import { ElImageViewerInstance } from '../ele-app/el';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
teleported: {
type: BooleanConstructor;
default: boolean;
};
modelValue: BooleanConstructor;
customClass: StringConstructor;
customStyle: ObjectConstructor;
transitionName: {
type: StringConstructor;
default: string;
};
keepAlive: BooleanConstructor;
urlList: {
readonly type: import('vue').PropType<string[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => [];
};
zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
initialIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
infinite: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
hideOnClickModal: BooleanConstructor;
closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
zoomRate: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 1.2;
};
minScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0.2;
};
maxScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 7;
};
showProgress: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: false;
};
crossorigin: {
readonly type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
}>, {
imageViewerRef: import('vue').Ref<ElImageViewerInstance, ElImageViewerInstance>;
viewerProps: import('vue').ComputedRef<import('../ele-app/types').Mutable<Omit<import('@vue/shared').LooseRequired<Readonly<import('vue').ExtractPropTypes<{
teleported: {
type: BooleanConstructor;
default: boolean;
};
modelValue: BooleanConstructor;
customClass: StringConstructor;
customStyle: ObjectConstructor;
transitionName: {
type: StringConstructor;
default: string;
};
keepAlive: BooleanConstructor;
urlList: {
readonly type: import('vue').PropType<string[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => [];
};
zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
initialIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
infinite: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
hideOnClickModal: BooleanConstructor;
closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
zoomRate: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 1.2;
};
minScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0.2;
};
maxScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 7;
};
showProgress: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: false;
};
crossorigin: {
readonly type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
}>> & Readonly<{
onClose?: (() => any) | undefined;
"onUpdate:modelValue"?: ((_value?: boolean | undefined) => any) | undefined;
onSwitch?: ((_index: number) => any) | undefined;
onRotate?: ((_deg: number) => any) | undefined;
}> & {}>, "modelValue" | "customClass" | "customStyle" | "transitionName" | "keepAlive">>>;
handleClose: () => void;
handleSwitch: (index: number) => void;
handleRotate: (deg: number) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
'update:modelValue': (_value?: boolean) => boolean;
close: () => boolean;
switch: (_index: number) => boolean;
rotate: (_deg: number) => boolean;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
teleported: {
type: BooleanConstructor;
default: boolean;
};
modelValue: BooleanConstructor;
customClass: StringConstructor;
customStyle: ObjectConstructor;
transitionName: {
type: StringConstructor;
default: string;
};
keepAlive: BooleanConstructor;
urlList: {
readonly type: import('vue').PropType<string[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => [];
};
zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
initialIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
infinite: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
hideOnClickModal: BooleanConstructor;
closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
zoomRate: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 1.2;
};
minScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0.2;
};
maxScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 7;
};
showProgress: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: false;
};
crossorigin: {
readonly type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
}>> & Readonly<{
onClose?: (() => any) | undefined;
"onUpdate:modelValue"?: ((_value?: boolean | undefined) => any) | undefined;
onSwitch?: ((_index: number) => any) | undefined;
onRotate?: ((_deg: number) => any) | undefined;
}>, {
modelValue: boolean;
teleported: boolean;
closeOnPressEscape: boolean;
hideOnClickModal: boolean;
initialIndex: number;
infinite: boolean;
zoomRate: number;
minScale: number;
maxScale: number;
showProgress: boolean;
urlList: string[];
transitionName: string;
keepAlive: boolean;
}, {}, {
ElImageViewer: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly urlList: {
readonly type: import('vue').PropType<string[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => [];
};
readonly zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly initialIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly infinite: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly hideOnClickModal: BooleanConstructor;
readonly teleported: BooleanConstructor;
readonly closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly zoomRate: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 1.2;
};
readonly minScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0.2;
};
readonly maxScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 7;
};
readonly showProgress: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: false;
};
readonly crossorigin: {
readonly type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
}>> & {
onClose?: (() => any) | undefined;
onSwitch?: ((index: number) => any) | undefined;
onRotate?: ((deg: number) => any) | undefined;
}, {
setActiveItem: (index: number) => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
switch: (index: number) => void;
rotate: (deg: number) => void;
close: () => void;
}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
readonly infinite: boolean;
readonly teleported: boolean;
readonly initialIndex: number;
readonly closeOnPressEscape: boolean;
readonly urlList: string[];
readonly zoomRate: number;
readonly minScale: number;
readonly maxScale: number;
readonly showProgress: boolean;
readonly hideOnClickModal: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly urlList: {
readonly type: import('vue').PropType<string[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => [];
};
readonly zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly initialIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly infinite: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly hideOnClickModal: BooleanConstructor;
readonly teleported: BooleanConstructor;
readonly closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly zoomRate: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 1.2;
};
readonly minScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0.2;
};
readonly maxScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 7;
};
readonly showProgress: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: false;
};
readonly crossorigin: {
readonly type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
}>> & {
onClose?: (() => any) | undefined;
onSwitch?: ((index: number) => any) | undefined;
onRotate?: ((deg: number) => any) | undefined;
}, {
setActiveItem: (index: number) => void;
}, {}, {}, {}, {
readonly infinite: boolean;
readonly teleported: boolean;
readonly initialIndex: number;
readonly closeOnPressEscape: boolean;
readonly urlList: string[];
readonly zoomRate: number;
readonly minScale: number;
readonly maxScale: number;
readonly showProgress: boolean;
readonly hideOnClickModal: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
readonly urlList: {
readonly type: import('vue').PropType<string[]>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: () => [];
};
readonly zIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly initialIndex: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
readonly infinite: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly hideOnClickModal: BooleanConstructor;
readonly teleported: BooleanConstructor;
readonly closeOnPressEscape: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
readonly zoomRate: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 1.2;
};
readonly minScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0.2;
};
readonly maxScale: {
readonly type: import('vue').PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 7;
};
readonly showProgress: {
readonly type: import('vue').PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: false;
};
readonly crossorigin: {
readonly type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
}>> & {
onClose?: (() => any) | undefined;
onSwitch?: ((index: number) => any) | undefined;
onRotate?: ((deg: number) => any) | undefined;
}, {
setActiveItem: (index: number) => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
switch: (index: number) => void;
rotate: (deg: number) => void;
close: () => void;
}, string, {
readonly infinite: boolean;
readonly teleported: boolean;
readonly initialIndex: number;
readonly closeOnPressEscape: boolean;
readonly urlList: string[];
readonly zoomRate: number;
readonly minScale: number;
readonly maxScale: number;
readonly showProgress: boolean;
readonly hideOnClickModal: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
progress?(_: {
activeIndex: number;
total: number;
}): any;
toolbar?(_: {
actions: (action: import('element-plus').ImageViewerAction, options?: {}) => void;
prev: () => void;
next: () => void;
reset: () => void;
activeIndex: number;
setActiveItem: (index: number) => void;
}): any;
default?(_: {}): any;
};
}) & import('vue').Plugin;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;