index.d.ts 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. export declare const ElImageViewer: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
  2. readonly urlList: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
  3. readonly zIndex: {
  4. readonly type: import("vue").PropType<number>;
  5. readonly required: false;
  6. readonly validator: ((val: unknown) => boolean) | undefined;
  7. __epPropKey: true;
  8. };
  9. readonly initialIndex: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
  10. readonly infinite: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  11. readonly hideOnClickModal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
  12. readonly teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
  13. readonly closeOnPressEscape: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  14. readonly zoomRate: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
  15. }, {
  16. modes: Record<"CONTAIN" | "ORIGINAL", import("./src/image-viewer").ImageViewerMode>;
  17. mousewheelEventName: string;
  18. props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
  19. readonly urlList: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
  20. readonly zIndex: {
  21. readonly type: import("vue").PropType<number>;
  22. readonly required: false;
  23. readonly validator: ((val: unknown) => boolean) | undefined;
  24. __epPropKey: true;
  25. };
  26. readonly initialIndex: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
  27. readonly infinite: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  28. readonly hideOnClickModal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
  29. readonly teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
  30. readonly closeOnPressEscape: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  31. readonly zoomRate: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
  32. }>> & {
  33. onClose?: (() => any) | undefined;
  34. onSwitch?: ((index: number) => any) | undefined;
  35. }>>;
  36. emit: ((event: "close") => void) & ((event: "switch", index: number) => void);
  37. t: import("../..").Translator;
  38. ns: {
  39. namespace: import("vue").Ref<string>;
  40. b: (blockSuffix?: string) => string;
  41. e: (element?: string | undefined) => string;
  42. m: (modifier?: string | undefined) => string;
  43. be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
  44. em: (element?: string | undefined, modifier?: string | undefined) => string;
  45. bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
  46. bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
  47. is: {
  48. (name: string, state: boolean | undefined): string;
  49. (name: string): string;
  50. };
  51. cssVar: (object: Record<string, string>) => Record<string, string>;
  52. cssVarName: (name: string) => string;
  53. cssVarBlock: (object: Record<string, string>) => Record<string, string>;
  54. cssVarBlockName: (name: string) => string;
  55. };
  56. nextZIndex: () => number;
  57. wrapper: import("vue").Ref<HTMLDivElement | undefined>;
  58. imgRefs: import("vue").Ref<HTMLImageElement[]>;
  59. scopeEventListener: import("vue").EffectScope;
  60. loading: import("vue").Ref<boolean>;
  61. activeIndex: import("vue").Ref<number>;
  62. mode: import("vue").ShallowRef<import("./src/image-viewer").ImageViewerMode>;
  63. transform: import("vue").Ref<{
  64. scale: number;
  65. deg: number;
  66. offsetX: number;
  67. offsetY: number;
  68. enableTransition: boolean;
  69. }>;
  70. isSingle: import("vue").ComputedRef<boolean>;
  71. isFirst: import("vue").ComputedRef<boolean>;
  72. isLast: import("vue").ComputedRef<boolean>;
  73. currentImg: import("vue").ComputedRef<string>;
  74. imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
  75. computedZIndex: import("vue").ComputedRef<number>;
  76. hide: () => void;
  77. registerEventListener: () => void;
  78. unregisterEventListener: () => void;
  79. handleImgLoad: () => void;
  80. handleImgError: (e: Event) => void;
  81. handleMouseDown: (e: MouseEvent) => void;
  82. reset: () => void;
  83. toggleMode: () => void;
  84. setActiveItem: (index: number) => void;
  85. prev: () => void;
  86. next: () => void;
  87. handleActions: (action: import("./src/image-viewer").ImageViewerAction, options?: {}) => void;
  88. ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
  89. readonly size: {
  90. readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
  91. readonly required: false;
  92. readonly validator: ((val: unknown) => boolean) | undefined;
  93. __epPropKey: true;
  94. };
  95. readonly color: {
  96. readonly type: import("vue").PropType<string>;
  97. readonly required: false;
  98. readonly validator: ((val: unknown) => boolean) | undefined;
  99. __epPropKey: true;
  100. };
  101. }, {
  102. props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
  103. readonly size: {
  104. readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
  105. readonly required: false;
  106. readonly validator: ((val: unknown) => boolean) | undefined;
  107. __epPropKey: true;
  108. };
  109. readonly color: {
  110. readonly type: import("vue").PropType<string>;
  111. readonly required: false;
  112. readonly validator: ((val: unknown) => boolean) | undefined;
  113. __epPropKey: true;
  114. };
  115. }>> & {
  116. [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
  117. }>>;
  118. ns: {
  119. namespace: import("vue").Ref<string>;
  120. b: (blockSuffix?: string) => string;
  121. e: (element?: string | undefined) => string;
  122. m: (modifier?: string | undefined) => string;
  123. be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
  124. em: (element?: string | undefined, modifier?: string | undefined) => string;
  125. bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
  126. bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
  127. is: {
  128. (name: string, state: boolean | undefined): string;
  129. (name: string): string;
  130. };
  131. cssVar: (object: Record<string, string>) => Record<string, string>;
  132. cssVarName: (name: string) => string;
  133. cssVarBlock: (object: Record<string, string>) => Record<string, string>;
  134. cssVarBlockName: (name: string) => string;
  135. };
  136. style: import("vue").ComputedRef<import("vue").CSSProperties>;
  137. }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
  138. readonly size: {
  139. readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
  140. readonly required: false;
  141. readonly validator: ((val: unknown) => boolean) | undefined;
  142. __epPropKey: true;
  143. };
  144. readonly color: {
  145. readonly type: import("vue").PropType<string>;
  146. readonly required: false;
  147. readonly validator: ((val: unknown) => boolean) | undefined;
  148. __epPropKey: true;
  149. };
  150. }>>, {}>> & Record<string, any>;
  151. ArrowLeft: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
  152. ArrowRight: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
  153. Close: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
  154. RefreshLeft: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
  155. RefreshRight: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
  156. ZoomIn: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
  157. ZoomOut: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
  158. }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  159. close: () => boolean;
  160. switch: (index: number) => boolean;
  161. }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
  162. readonly urlList: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
  163. readonly zIndex: {
  164. readonly type: import("vue").PropType<number>;
  165. readonly required: false;
  166. readonly validator: ((val: unknown) => boolean) | undefined;
  167. __epPropKey: true;
  168. };
  169. readonly initialIndex: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
  170. readonly infinite: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  171. readonly hideOnClickModal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
  172. readonly teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
  173. readonly closeOnPressEscape: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  174. readonly zoomRate: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
  175. }>> & {
  176. onClose?: (() => any) | undefined;
  177. onSwitch?: ((index: number) => any) | undefined;
  178. }, {
  179. readonly teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
  180. readonly infinite: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
  181. readonly initialIndex: number;
  182. readonly closeOnPressEscape: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
  183. readonly hideOnClickModal: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
  184. readonly zoomRate: number;
  185. readonly urlList: string[];
  186. }>> & Record<string, any>;
  187. export default ElImageViewer;
  188. export * from './src/image-viewer';