interface.d.ts 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441
  1. import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
  2. import type { VueNode } from '../_util/type';
  3. export declare const tourProps: () => {
  4. steps: {
  5. type: PropType<Partial<ExtractPropTypes<{
  6. cover: {
  7. type: PropType<VueNode>;
  8. };
  9. nextButtonProps: {
  10. type: PropType<TourBtnProps>;
  11. };
  12. prevButtonProps: {
  13. type: PropType<TourBtnProps>;
  14. };
  15. current: {
  16. type: NumberConstructor;
  17. };
  18. type: {
  19. type: PropType<"default" | "primary">;
  20. };
  21. prefixCls: {
  22. type: StringConstructor;
  23. };
  24. total: {
  25. type: NumberConstructor;
  26. };
  27. onClose: {
  28. type: PropType<(e: MouseEvent) => void>;
  29. default: (e: MouseEvent) => void;
  30. };
  31. onFinish: {
  32. type: PropType<(e: MouseEvent) => void>;
  33. default: (e: MouseEvent) => void;
  34. };
  35. renderPanel: {
  36. type: PropType<(step: any, current: number) => VueNode>;
  37. default: (step: any, current: number) => VueNode;
  38. };
  39. onPrev: {
  40. type: PropType<(e: MouseEvent) => void>;
  41. default: (e: MouseEvent) => void;
  42. };
  43. onNext: {
  44. type: PropType<(e: MouseEvent) => void>;
  45. default: (e: MouseEvent) => void;
  46. };
  47. arrow: {
  48. type: PropType<boolean | {
  49. pointAtCenter: boolean;
  50. }>;
  51. default: boolean | {
  52. pointAtCenter: boolean;
  53. };
  54. };
  55. target: {
  56. type: PropType<HTMLElement | (() => HTMLElement) | (() => null)>;
  57. default: HTMLElement | (() => HTMLElement) | (() => null);
  58. };
  59. title: {
  60. type: PropType<VueNode>;
  61. default: VueNode;
  62. };
  63. description: {
  64. type: PropType<VueNode>;
  65. default: VueNode;
  66. };
  67. placement: {
  68. type: PropType<import("../vc-tour/placements").PlacementType>;
  69. default: import("../vc-tour/placements").PlacementType;
  70. };
  71. mask: {
  72. type: PropType<boolean | {
  73. style?: CSSProperties;
  74. color?: string;
  75. }>;
  76. default: boolean | {
  77. style?: CSSProperties;
  78. color?: string;
  79. };
  80. };
  81. className: {
  82. type: StringConstructor;
  83. };
  84. style: {
  85. type: PropType<CSSProperties>;
  86. default: CSSProperties;
  87. };
  88. scrollIntoViewOptions: {
  89. type: PropType<boolean | ScrollIntoViewOptions>;
  90. default: boolean | ScrollIntoViewOptions;
  91. };
  92. }>>[]>;
  93. };
  94. prefixCls: {
  95. type: StringConstructor;
  96. };
  97. current: {
  98. type: NumberConstructor;
  99. };
  100. type: {
  101. type: PropType<"default" | "primary">;
  102. };
  103. 'onUpdate:current': PropType<(val: number) => void>;
  104. builtinPlacements: import("vue-types").VueTypeValidableDef<{
  105. [key: string]: any;
  106. }> & {
  107. default: () => {
  108. [key: string]: any;
  109. };
  110. };
  111. popupAlign: import("vue-types").VueTypeValidableDef<{
  112. [key: string]: any;
  113. }> & {
  114. default: () => {
  115. [key: string]: any;
  116. };
  117. } & {
  118. default: () => {
  119. [key: string]: any;
  120. };
  121. };
  122. open: {
  123. type: BooleanConstructor;
  124. default: boolean;
  125. };
  126. defaultCurrent: {
  127. type: NumberConstructor;
  128. };
  129. onChange: {
  130. type: PropType<(current: number) => void>;
  131. default: (current: number) => void;
  132. };
  133. onClose: {
  134. type: PropType<(current: number) => void>;
  135. default: (current: number) => void;
  136. };
  137. onFinish: {
  138. type: PropType<() => void>;
  139. default: () => void;
  140. };
  141. mask: {
  142. type: PropType<boolean | {
  143. style?: CSSProperties;
  144. color?: string;
  145. }>;
  146. default: boolean | {
  147. style?: CSSProperties;
  148. color?: string;
  149. };
  150. };
  151. arrow: {
  152. type: PropType<boolean | {
  153. pointAtCenter: boolean;
  154. }>;
  155. default: boolean | {
  156. pointAtCenter: boolean;
  157. };
  158. };
  159. rootClassName: {
  160. type: StringConstructor;
  161. };
  162. placement: {
  163. type: PropType<import("../vc-tour/placements").PlacementType>;
  164. default: import("../vc-tour/placements").PlacementType;
  165. };
  166. renderPanel: {
  167. type: PropType<(props: Partial<ExtractPropTypes<{
  168. prefixCls: {
  169. type: StringConstructor;
  170. };
  171. total: {
  172. type: NumberConstructor;
  173. };
  174. current: {
  175. type: NumberConstructor;
  176. };
  177. onClose: {
  178. type: PropType<(e: MouseEvent) => void>;
  179. default: (e: MouseEvent) => void;
  180. };
  181. onFinish: {
  182. type: PropType<(e: MouseEvent) => void>;
  183. default: (e: MouseEvent) => void;
  184. };
  185. renderPanel: {
  186. type: PropType<(step: any, current: number) => VueNode>;
  187. default: (step: any, current: number) => VueNode;
  188. };
  189. onPrev: {
  190. type: PropType<(e: MouseEvent) => void>;
  191. default: (e: MouseEvent) => void;
  192. };
  193. onNext: {
  194. type: PropType<(e: MouseEvent) => void>;
  195. default: (e: MouseEvent) => void;
  196. };
  197. arrow: {
  198. type: PropType<boolean | {
  199. pointAtCenter: boolean;
  200. }>;
  201. default: boolean | {
  202. pointAtCenter: boolean;
  203. };
  204. };
  205. target: {
  206. type: PropType<HTMLElement | (() => HTMLElement) | (() => null)>;
  207. default: HTMLElement | (() => HTMLElement) | (() => null);
  208. };
  209. title: {
  210. type: PropType<VueNode>;
  211. default: VueNode;
  212. };
  213. description: {
  214. type: PropType<VueNode>;
  215. default: VueNode;
  216. };
  217. placement: {
  218. type: PropType<import("../vc-tour/placements").PlacementType>;
  219. default: import("../vc-tour/placements").PlacementType;
  220. };
  221. mask: {
  222. type: PropType<boolean | {
  223. style?: CSSProperties;
  224. color?: string;
  225. }>;
  226. default: boolean | {
  227. style?: CSSProperties;
  228. color?: string;
  229. };
  230. };
  231. className: {
  232. type: StringConstructor;
  233. };
  234. style: {
  235. type: PropType<CSSProperties>;
  236. default: CSSProperties;
  237. };
  238. scrollIntoViewOptions: {
  239. type: PropType<boolean | ScrollIntoViewOptions>;
  240. default: boolean | ScrollIntoViewOptions;
  241. };
  242. }>>, current: number) => VueNode>;
  243. default: (props: Partial<ExtractPropTypes<{
  244. prefixCls: {
  245. type: StringConstructor;
  246. };
  247. total: {
  248. type: NumberConstructor;
  249. };
  250. current: {
  251. type: NumberConstructor;
  252. };
  253. onClose: {
  254. type: PropType<(e: MouseEvent) => void>;
  255. default: (e: MouseEvent) => void;
  256. };
  257. onFinish: {
  258. type: PropType<(e: MouseEvent) => void>;
  259. default: (e: MouseEvent) => void;
  260. };
  261. renderPanel: {
  262. type: PropType<(step: any, current: number) => VueNode>;
  263. default: (step: any, current: number) => VueNode;
  264. };
  265. onPrev: {
  266. type: PropType<(e: MouseEvent) => void>;
  267. default: (e: MouseEvent) => void;
  268. };
  269. onNext: {
  270. type: PropType<(e: MouseEvent) => void>;
  271. default: (e: MouseEvent) => void;
  272. };
  273. arrow: {
  274. type: PropType<boolean | {
  275. pointAtCenter: boolean;
  276. }>;
  277. default: boolean | {
  278. pointAtCenter: boolean;
  279. };
  280. };
  281. target: {
  282. type: PropType<HTMLElement | (() => HTMLElement) | (() => null)>;
  283. default: HTMLElement | (() => HTMLElement) | (() => null);
  284. };
  285. title: {
  286. type: PropType<VueNode>;
  287. default: VueNode;
  288. };
  289. description: {
  290. type: PropType<VueNode>;
  291. default: VueNode;
  292. };
  293. placement: {
  294. type: PropType<import("../vc-tour/placements").PlacementType>;
  295. default: import("../vc-tour/placements").PlacementType;
  296. };
  297. mask: {
  298. type: PropType<boolean | {
  299. style?: CSSProperties;
  300. color?: string;
  301. }>;
  302. default: boolean | {
  303. style?: CSSProperties;
  304. color?: string;
  305. };
  306. };
  307. className: {
  308. type: StringConstructor;
  309. };
  310. style: {
  311. type: PropType<CSSProperties>;
  312. default: CSSProperties;
  313. };
  314. scrollIntoViewOptions: {
  315. type: PropType<boolean | ScrollIntoViewOptions>;
  316. default: boolean | ScrollIntoViewOptions;
  317. };
  318. }>>, current: number) => VueNode;
  319. };
  320. gap: {
  321. type: PropType<import("../vc-tour/hooks/useTarget").Gap>;
  322. default: import("../vc-tour/hooks/useTarget").Gap;
  323. };
  324. animated: {
  325. type: PropType<boolean | {
  326. placeholder: boolean;
  327. }>;
  328. default: boolean | {
  329. placeholder: boolean;
  330. };
  331. };
  332. scrollIntoViewOptions: {
  333. type: PropType<boolean | ScrollIntoViewOptions>;
  334. default: boolean | ScrollIntoViewOptions;
  335. };
  336. zIndex: {
  337. type: NumberConstructor;
  338. default: number;
  339. };
  340. };
  341. export type TourProps = Partial<ExtractPropTypes<ReturnType<typeof tourProps>>>;
  342. export interface TourBtnProps {
  343. children?: () => VueNode;
  344. onClick?: () => void;
  345. className?: string;
  346. style?: CSSProperties;
  347. }
  348. export declare const tourStepProps: () => {
  349. cover: {
  350. type: PropType<VueNode>;
  351. };
  352. nextButtonProps: {
  353. type: PropType<TourBtnProps>;
  354. };
  355. prevButtonProps: {
  356. type: PropType<TourBtnProps>;
  357. };
  358. current: {
  359. type: NumberConstructor;
  360. };
  361. type: {
  362. type: PropType<"default" | "primary">;
  363. };
  364. prefixCls: {
  365. type: StringConstructor;
  366. };
  367. total: {
  368. type: NumberConstructor;
  369. };
  370. onClose: {
  371. type: PropType<(e: MouseEvent) => void>;
  372. default: (e: MouseEvent) => void;
  373. };
  374. onFinish: {
  375. type: PropType<(e: MouseEvent) => void>;
  376. default: (e: MouseEvent) => void;
  377. };
  378. renderPanel: {
  379. type: PropType<(step: any, current: number) => VueNode>;
  380. default: (step: any, current: number) => VueNode;
  381. };
  382. onPrev: {
  383. type: PropType<(e: MouseEvent) => void>;
  384. default: (e: MouseEvent) => void;
  385. };
  386. onNext: {
  387. type: PropType<(e: MouseEvent) => void>;
  388. default: (e: MouseEvent) => void;
  389. };
  390. arrow: {
  391. type: PropType<boolean | {
  392. pointAtCenter: boolean;
  393. }>;
  394. default: boolean | {
  395. pointAtCenter: boolean;
  396. };
  397. };
  398. target: {
  399. type: PropType<HTMLElement | (() => HTMLElement) | (() => null)>;
  400. default: HTMLElement | (() => HTMLElement) | (() => null);
  401. };
  402. title: {
  403. type: PropType<VueNode>;
  404. default: VueNode;
  405. };
  406. description: {
  407. type: PropType<VueNode>;
  408. default: VueNode;
  409. };
  410. placement: {
  411. type: PropType<import("../vc-tour/placements").PlacementType>;
  412. default: import("../vc-tour/placements").PlacementType;
  413. };
  414. mask: {
  415. type: PropType<boolean | {
  416. style?: CSSProperties;
  417. color?: string;
  418. }>;
  419. default: boolean | {
  420. style?: CSSProperties;
  421. color?: string;
  422. };
  423. };
  424. className: {
  425. type: StringConstructor;
  426. };
  427. style: {
  428. type: PropType<CSSProperties>;
  429. default: CSSProperties;
  430. };
  431. scrollIntoViewOptions: {
  432. type: PropType<boolean | ScrollIntoViewOptions>;
  433. default: boolean | ScrollIntoViewOptions;
  434. };
  435. };
  436. export type TourStepProps = Partial<ExtractPropTypes<ReturnType<typeof tourStepProps>>>;
  437. export interface TourLocale {
  438. Next: string;
  439. Previous: string;
  440. Finish: string;
  441. }