index.d.ts 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. export declare const ElCarousel: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
  2. readonly initialIndex: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
  3. readonly height: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
  4. readonly trigger: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
  5. readonly autoplay: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  6. readonly interval: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
  7. readonly indicatorPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "none" | "outside", unknown, "", boolean>;
  8. readonly arrow: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "always" | "never" | "hover", unknown, "hover", boolean>;
  9. readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "card", unknown, "", boolean>;
  10. readonly loop: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  11. readonly direction: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
  12. readonly pauseOnHover: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  13. readonly motionBlur: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
  14. }, {
  15. COMPONENT_NAME: string;
  16. props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
  17. readonly initialIndex: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
  18. readonly height: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
  19. readonly trigger: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
  20. readonly autoplay: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  21. readonly interval: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
  22. readonly indicatorPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "none" | "outside", unknown, "", boolean>;
  23. readonly arrow: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "always" | "never" | "hover", unknown, "hover", boolean>;
  24. readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "card", unknown, "", boolean>;
  25. readonly loop: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  26. readonly direction: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
  27. readonly pauseOnHover: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  28. readonly motionBlur: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
  29. }>> & {
  30. onChange?: ((current: number, prev: number) => any) | undefined;
  31. }>>;
  32. emit: (event: "change", current: number, prev: number) => void;
  33. root: import("vue").Ref<HTMLDivElement | undefined>;
  34. activeIndex: import("vue").Ref<number>;
  35. arrowDisplay: import("vue").ComputedRef<boolean>;
  36. hasLabel: import("vue").ComputedRef<boolean>;
  37. hover: import("vue").Ref<boolean>;
  38. isCardType: import("vue").ComputedRef<boolean>;
  39. items: import("vue").ShallowRef<import("./src/constants").CarouselItemContext[]>;
  40. isVertical: import("vue").ComputedRef<boolean>;
  41. containerStyle: import("vue").ComputedRef<{
  42. height: string;
  43. overflow?: undefined;
  44. } | {
  45. height: string;
  46. overflow: string;
  47. }>;
  48. handleButtonEnter: (arrow: "left" | "right") => void;
  49. handleButtonLeave: () => void;
  50. isTransitioning: import("vue").Ref<boolean>;
  51. handleIndicatorClick: (index: number) => void;
  52. handleMouseEnter: () => void;
  53. handleMouseLeave: () => void;
  54. handleTransitionEnd: () => void;
  55. setActiveItem: (index: string | number) => void;
  56. prev: () => void;
  57. next: () => void;
  58. PlaceholderItem: () => ({
  59. [name: string]: unknown;
  60. $stable?: boolean | undefined;
  61. } | import("element-plus/es/utils").VNodeChildAtom)[] | null;
  62. isTwoLengthShow: (index: number) => boolean;
  63. throttledArrowClick: import("lodash").DebouncedFunc<(index: number) => void>;
  64. throttledIndicatorHover: import("lodash").DebouncedFunc<(index: number) => void>;
  65. ns: {
  66. namespace: import("vue").ComputedRef<string>;
  67. b: (blockSuffix?: string) => string;
  68. e: (element?: string | undefined) => string;
  69. m: (modifier?: string | undefined) => string;
  70. be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
  71. em: (element?: string | undefined, modifier?: string | undefined) => string;
  72. bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
  73. bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
  74. is: {
  75. (name: string, state: boolean | undefined): string;
  76. (name: string): string;
  77. };
  78. cssVar: (object: Record<string, string>) => Record<string, string>;
  79. cssVarName: (name: string) => string;
  80. cssVarBlock: (object: Record<string, string>) => Record<string, string>;
  81. cssVarBlockName: (name: string) => string;
  82. };
  83. t: import("../..").Translator;
  84. carouselClasses: import("vue").ComputedRef<string[]>;
  85. carouselContainer: import("vue").ComputedRef<string[]>;
  86. indicatorsClasses: import("vue").ComputedRef<string[]>;
  87. ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
  88. readonly size: {
  89. 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>>;
  90. readonly required: false;
  91. readonly validator: ((val: unknown) => boolean) | undefined;
  92. __epPropKey: true;
  93. };
  94. readonly color: {
  95. readonly type: import("vue").PropType<string>;
  96. readonly required: false;
  97. readonly validator: ((val: unknown) => boolean) | undefined;
  98. __epPropKey: true;
  99. };
  100. }, {
  101. props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
  102. readonly size: {
  103. 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>>;
  104. readonly required: false;
  105. readonly validator: ((val: unknown) => boolean) | undefined;
  106. __epPropKey: true;
  107. };
  108. readonly color: {
  109. readonly type: import("vue").PropType<string>;
  110. readonly required: false;
  111. readonly validator: ((val: unknown) => boolean) | undefined;
  112. __epPropKey: true;
  113. };
  114. }>> & {
  115. [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
  116. }>>;
  117. ns: {
  118. namespace: import("vue").ComputedRef<string>;
  119. b: (blockSuffix?: string) => string;
  120. e: (element?: string | undefined) => string;
  121. m: (modifier?: string | undefined) => string;
  122. be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
  123. em: (element?: string | undefined, modifier?: string | undefined) => string;
  124. bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
  125. bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
  126. is: {
  127. (name: string, state: boolean | undefined): string;
  128. (name: string): string;
  129. };
  130. cssVar: (object: Record<string, string>) => Record<string, string>;
  131. cssVarName: (name: string) => string;
  132. cssVarBlock: (object: Record<string, string>) => Record<string, string>;
  133. cssVarBlockName: (name: string) => string;
  134. };
  135. style: import("vue").ComputedRef<import("vue").CSSProperties>;
  136. }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
  137. readonly size: {
  138. 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>>;
  139. readonly required: false;
  140. readonly validator: ((val: unknown) => boolean) | undefined;
  141. __epPropKey: true;
  142. };
  143. readonly color: {
  144. readonly type: import("vue").PropType<string>;
  145. readonly required: false;
  146. readonly validator: ((val: unknown) => boolean) | undefined;
  147. __epPropKey: true;
  148. };
  149. }>>, {}>> & Record<string, any>;
  150. ArrowLeft: any;
  151. ArrowRight: any;
  152. }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  153. change: (current: number, prev: number) => boolean;
  154. }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
  155. readonly initialIndex: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
  156. readonly height: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
  157. readonly trigger: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
  158. readonly autoplay: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  159. readonly interval: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
  160. readonly indicatorPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "none" | "outside", unknown, "", boolean>;
  161. readonly arrow: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "always" | "never" | "hover", unknown, "hover", boolean>;
  162. readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "card", unknown, "", boolean>;
  163. readonly loop: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  164. readonly direction: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
  165. readonly pauseOnHover: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  166. readonly motionBlur: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
  167. }>> & {
  168. onChange?: ((current: number, prev: number) => any) | undefined;
  169. }, {
  170. readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "card", unknown>;
  171. readonly height: string;
  172. readonly direction: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", unknown>;
  173. readonly trigger: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
  174. readonly arrow: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown>;
  175. readonly loop: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
  176. readonly initialIndex: number;
  177. readonly autoplay: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
  178. readonly interval: number;
  179. readonly indicatorPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "none" | "outside", unknown>;
  180. readonly pauseOnHover: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
  181. readonly motionBlur: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
  182. }>> & {
  183. CarouselItem: import("vue").DefineComponent<{
  184. readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
  185. readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
  186. }, {
  187. props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
  188. readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
  189. readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
  190. }>> & {
  191. [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
  192. }>>;
  193. ns: {
  194. namespace: import("vue").ComputedRef<string>;
  195. b: (blockSuffix?: string) => string;
  196. e: (element?: string | undefined) => string;
  197. m: (modifier?: string | undefined) => string;
  198. be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
  199. em: (element?: string | undefined, modifier?: string | undefined) => string;
  200. bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
  201. bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
  202. is: {
  203. (name: string, state: boolean | undefined): string;
  204. (name: string): string;
  205. };
  206. cssVar: (object: Record<string, string>) => Record<string, string>;
  207. cssVarName: (name: string) => string;
  208. cssVarBlock: (object: Record<string, string>) => Record<string, string>;
  209. cssVarBlockName: (name: string) => string;
  210. };
  211. COMPONENT_NAME: string;
  212. carouselItemRef: import("vue").Ref<HTMLElement | undefined>;
  213. active: import("vue").Ref<boolean>;
  214. animating: import("vue").Ref<boolean>;
  215. hover: import("vue").Ref<boolean>;
  216. inStage: import("vue").Ref<boolean>;
  217. isVertical: import("vue").Ref<boolean>;
  218. translate: import("vue").Ref<number>;
  219. isCardType: import("vue").Ref<boolean>;
  220. scale: import("vue").Ref<number>;
  221. ready: import("vue").Ref<boolean>;
  222. handleItemClick: () => void;
  223. itemKls: import("vue").ComputedRef<(string | {
  224. [x: string]: boolean;
  225. })[]>;
  226. itemStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
  227. }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
  228. readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
  229. readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
  230. }>>, {
  231. readonly name: string;
  232. readonly label: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
  233. }>;
  234. };
  235. export default ElCarousel;
  236. export declare const ElCarouselItem: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
  237. readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
  238. readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
  239. }, {
  240. props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
  241. readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
  242. readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
  243. }>> & {
  244. [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
  245. }>>;
  246. ns: {
  247. namespace: import("vue").ComputedRef<string>;
  248. b: (blockSuffix?: string) => string;
  249. e: (element?: string | undefined) => string;
  250. m: (modifier?: string | undefined) => string;
  251. be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
  252. em: (element?: string | undefined, modifier?: string | undefined) => string;
  253. bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
  254. bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
  255. is: {
  256. (name: string, state: boolean | undefined): string;
  257. (name: string): string;
  258. };
  259. cssVar: (object: Record<string, string>) => Record<string, string>;
  260. cssVarName: (name: string) => string;
  261. cssVarBlock: (object: Record<string, string>) => Record<string, string>;
  262. cssVarBlockName: (name: string) => string;
  263. };
  264. COMPONENT_NAME: string;
  265. carouselItemRef: import("vue").Ref<HTMLElement | undefined>;
  266. active: import("vue").Ref<boolean>;
  267. animating: import("vue").Ref<boolean>;
  268. hover: import("vue").Ref<boolean>;
  269. inStage: import("vue").Ref<boolean>;
  270. isVertical: import("vue").Ref<boolean>;
  271. translate: import("vue").Ref<number>;
  272. isCardType: import("vue").Ref<boolean>;
  273. scale: import("vue").Ref<number>;
  274. ready: import("vue").Ref<boolean>;
  275. handleItemClick: () => void;
  276. itemKls: import("vue").ComputedRef<(string | {
  277. [x: string]: boolean;
  278. })[]>;
  279. itemStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
  280. }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
  281. readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
  282. readonly label: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
  283. }>>, {
  284. readonly name: string;
  285. readonly label: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
  286. }>>;
  287. export * from './src/carousel';
  288. export * from './src/carousel-item';
  289. export * from './src/constants';
  290. export type { CarouselInstance, CarouselItemInstance } from './src/instance';