index.d.ts 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518
  1. import type { CSSProperties, VNodeTypes, ExtractPropTypes } from 'vue';
  2. import type { VueNode, CustomSlotsType } from '../_util/type';
  3. import type { TooltipPlacement } from '../tooltip/Tooltip';
  4. import type { FocusEventHandler } from '../_util/EventInterface';
  5. export type SliderValue = number | [number, number];
  6. export interface SliderMarks {
  7. [key: number]: VueNode | {
  8. style: CSSProperties;
  9. label: any;
  10. };
  11. }
  12. interface HandleGeneratorInfo {
  13. value?: number;
  14. dragging?: boolean;
  15. index: number;
  16. }
  17. export interface SliderRange {
  18. draggableTrack?: boolean;
  19. }
  20. export type HandleGeneratorFn = (config: {
  21. tooltipPrefixCls?: string;
  22. prefixCls?: string;
  23. info: HandleGeneratorInfo;
  24. }) => VNodeTypes;
  25. type Value = [number, number] | number;
  26. export declare const sliderProps: () => {
  27. id: StringConstructor;
  28. prefixCls: StringConstructor;
  29. tooltipPrefixCls: StringConstructor;
  30. range: {
  31. type: import("vue").PropType<boolean | SliderRange>;
  32. default: boolean | SliderRange;
  33. };
  34. reverse: {
  35. type: BooleanConstructor;
  36. default: boolean;
  37. };
  38. min: NumberConstructor;
  39. max: NumberConstructor;
  40. step: {
  41. type: import("vue").PropType<number>;
  42. default: number;
  43. };
  44. marks: {
  45. type: import("vue").PropType<SliderMarks>;
  46. default: SliderMarks;
  47. };
  48. dots: {
  49. type: BooleanConstructor;
  50. default: boolean;
  51. };
  52. value: {
  53. type: import("vue").PropType<Value>;
  54. default: Value;
  55. };
  56. defaultValue: {
  57. type: import("vue").PropType<Value>;
  58. default: Value;
  59. };
  60. included: {
  61. type: BooleanConstructor;
  62. default: boolean;
  63. };
  64. disabled: {
  65. type: BooleanConstructor;
  66. default: boolean;
  67. };
  68. vertical: {
  69. type: BooleanConstructor;
  70. default: boolean;
  71. };
  72. tipFormatter: {
  73. type: import("vue").PropType<(value?: number) => any>;
  74. default: (value?: number) => any;
  75. };
  76. tooltipOpen: {
  77. type: BooleanConstructor;
  78. default: boolean;
  79. };
  80. /** @deprecated `tooltipVisible` is deprecated. Please use `tooltipOpen` instead. */
  81. tooltipVisible: {
  82. type: BooleanConstructor;
  83. default: boolean;
  84. };
  85. tooltipPlacement: {
  86. type: import("vue").PropType<TooltipPlacement>;
  87. default: TooltipPlacement;
  88. };
  89. getTooltipPopupContainer: {
  90. type: import("vue").PropType<(triggerNode: HTMLElement) => HTMLElement>;
  91. default: (triggerNode: HTMLElement) => HTMLElement;
  92. };
  93. autofocus: {
  94. type: BooleanConstructor;
  95. default: boolean;
  96. };
  97. handleStyle: {
  98. type: import("vue").PropType<CSSProperties | CSSProperties[]>;
  99. default: CSSProperties | CSSProperties[];
  100. };
  101. trackStyle: {
  102. type: import("vue").PropType<CSSProperties | CSSProperties[]>;
  103. default: CSSProperties | CSSProperties[];
  104. };
  105. onChange: {
  106. type: import("vue").PropType<(value: Value) => void>;
  107. default: (value: Value) => void;
  108. };
  109. onAfterChange: {
  110. type: import("vue").PropType<(value: Value) => void>;
  111. default: (value: Value) => void;
  112. };
  113. onFocus: {
  114. type: import("vue").PropType<FocusEventHandler>;
  115. default: FocusEventHandler;
  116. };
  117. onBlur: {
  118. type: import("vue").PropType<FocusEventHandler>;
  119. default: FocusEventHandler;
  120. };
  121. 'onUpdate:value': {
  122. type: import("vue").PropType<(value: Value) => void>;
  123. default: (value: Value) => void;
  124. };
  125. };
  126. export type SliderProps = Partial<ExtractPropTypes<ReturnType<typeof sliderProps>>>;
  127. export type Visibles = {
  128. [index: number]: boolean;
  129. };
  130. declare const _default: {
  131. new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
  132. id: StringConstructor;
  133. prefixCls: StringConstructor;
  134. tooltipPrefixCls: StringConstructor;
  135. range: {
  136. type: import("vue").PropType<boolean | SliderRange>;
  137. default: boolean | SliderRange;
  138. };
  139. reverse: {
  140. type: BooleanConstructor;
  141. default: boolean;
  142. };
  143. min: NumberConstructor;
  144. max: NumberConstructor;
  145. step: {
  146. type: import("vue").PropType<number>;
  147. default: number;
  148. };
  149. marks: {
  150. type: import("vue").PropType<SliderMarks>;
  151. default: SliderMarks;
  152. };
  153. dots: {
  154. type: BooleanConstructor;
  155. default: boolean;
  156. };
  157. value: {
  158. type: import("vue").PropType<Value>;
  159. default: Value;
  160. };
  161. defaultValue: {
  162. type: import("vue").PropType<Value>;
  163. default: Value;
  164. };
  165. included: {
  166. type: BooleanConstructor;
  167. default: boolean;
  168. };
  169. disabled: {
  170. type: BooleanConstructor;
  171. default: boolean;
  172. };
  173. vertical: {
  174. type: BooleanConstructor;
  175. default: boolean;
  176. };
  177. tipFormatter: {
  178. type: import("vue").PropType<(value?: number) => any>;
  179. default: (value?: number) => any;
  180. };
  181. tooltipOpen: {
  182. type: BooleanConstructor;
  183. default: boolean;
  184. };
  185. /** @deprecated `tooltipVisible` is deprecated. Please use `tooltipOpen` instead. */
  186. tooltipVisible: {
  187. type: BooleanConstructor;
  188. default: boolean;
  189. };
  190. tooltipPlacement: {
  191. type: import("vue").PropType<TooltipPlacement>;
  192. default: TooltipPlacement;
  193. };
  194. getTooltipPopupContainer: {
  195. type: import("vue").PropType<(triggerNode: HTMLElement) => HTMLElement>;
  196. default: (triggerNode: HTMLElement) => HTMLElement;
  197. };
  198. autofocus: {
  199. type: BooleanConstructor;
  200. default: boolean;
  201. };
  202. handleStyle: {
  203. type: import("vue").PropType<CSSProperties | CSSProperties[]>;
  204. default: CSSProperties | CSSProperties[];
  205. };
  206. trackStyle: {
  207. type: import("vue").PropType<CSSProperties | CSSProperties[]>;
  208. default: CSSProperties | CSSProperties[];
  209. };
  210. onChange: {
  211. type: import("vue").PropType<(value: Value) => void>;
  212. default: (value: Value) => void;
  213. };
  214. onAfterChange: {
  215. type: import("vue").PropType<(value: Value) => void>;
  216. default: (value: Value) => void;
  217. };
  218. onFocus: {
  219. type: import("vue").PropType<FocusEventHandler>;
  220. default: FocusEventHandler;
  221. };
  222. onBlur: {
  223. type: import("vue").PropType<FocusEventHandler>;
  224. default: FocusEventHandler;
  225. };
  226. 'onUpdate:value': {
  227. type: import("vue").PropType<(value: Value) => void>;
  228. default: (value: Value) => void;
  229. };
  230. }>> & Readonly<{}>, () => VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
  231. value: Value;
  232. vertical: boolean;
  233. trackStyle: CSSProperties | CSSProperties[];
  234. dots: boolean;
  235. reverse: boolean;
  236. onFocus: FocusEventHandler;
  237. onBlur: FocusEventHandler;
  238. onChange: (value: Value) => void;
  239. range: boolean | SliderRange;
  240. disabled: boolean;
  241. autofocus: boolean;
  242. defaultValue: Value;
  243. 'onUpdate:value': (value: Value) => void;
  244. step: number;
  245. included: boolean;
  246. marks: SliderMarks;
  247. handleStyle: CSSProperties | CSSProperties[];
  248. onAfterChange: (value: Value) => void;
  249. tipFormatter: (value?: number) => any;
  250. tooltipOpen: boolean;
  251. tooltipVisible: boolean;
  252. tooltipPlacement: TooltipPlacement;
  253. getTooltipPopupContainer: (triggerNode: HTMLElement) => HTMLElement;
  254. }, true, {}, CustomSlotsType<{
  255. mark?: any;
  256. default?: any;
  257. }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
  258. P: {};
  259. B: {};
  260. D: {};
  261. C: {};
  262. M: {};
  263. Defaults: {};
  264. }, Readonly<ExtractPropTypes<{
  265. id: StringConstructor;
  266. prefixCls: StringConstructor;
  267. tooltipPrefixCls: StringConstructor;
  268. range: {
  269. type: import("vue").PropType<boolean | SliderRange>;
  270. default: boolean | SliderRange;
  271. };
  272. reverse: {
  273. type: BooleanConstructor;
  274. default: boolean;
  275. };
  276. min: NumberConstructor;
  277. max: NumberConstructor;
  278. step: {
  279. type: import("vue").PropType<number>;
  280. default: number;
  281. };
  282. marks: {
  283. type: import("vue").PropType<SliderMarks>;
  284. default: SliderMarks;
  285. };
  286. dots: {
  287. type: BooleanConstructor;
  288. default: boolean;
  289. };
  290. value: {
  291. type: import("vue").PropType<Value>;
  292. default: Value;
  293. };
  294. defaultValue: {
  295. type: import("vue").PropType<Value>;
  296. default: Value;
  297. };
  298. included: {
  299. type: BooleanConstructor;
  300. default: boolean;
  301. };
  302. disabled: {
  303. type: BooleanConstructor;
  304. default: boolean;
  305. };
  306. vertical: {
  307. type: BooleanConstructor;
  308. default: boolean;
  309. };
  310. tipFormatter: {
  311. type: import("vue").PropType<(value?: number) => any>;
  312. default: (value?: number) => any;
  313. };
  314. tooltipOpen: {
  315. type: BooleanConstructor;
  316. default: boolean;
  317. };
  318. /** @deprecated `tooltipVisible` is deprecated. Please use `tooltipOpen` instead. */
  319. tooltipVisible: {
  320. type: BooleanConstructor;
  321. default: boolean;
  322. };
  323. tooltipPlacement: {
  324. type: import("vue").PropType<TooltipPlacement>;
  325. default: TooltipPlacement;
  326. };
  327. getTooltipPopupContainer: {
  328. type: import("vue").PropType<(triggerNode: HTMLElement) => HTMLElement>;
  329. default: (triggerNode: HTMLElement) => HTMLElement;
  330. };
  331. autofocus: {
  332. type: BooleanConstructor;
  333. default: boolean;
  334. };
  335. handleStyle: {
  336. type: import("vue").PropType<CSSProperties | CSSProperties[]>;
  337. default: CSSProperties | CSSProperties[];
  338. };
  339. trackStyle: {
  340. type: import("vue").PropType<CSSProperties | CSSProperties[]>;
  341. default: CSSProperties | CSSProperties[];
  342. };
  343. onChange: {
  344. type: import("vue").PropType<(value: Value) => void>;
  345. default: (value: Value) => void;
  346. };
  347. onAfterChange: {
  348. type: import("vue").PropType<(value: Value) => void>;
  349. default: (value: Value) => void;
  350. };
  351. onFocus: {
  352. type: import("vue").PropType<FocusEventHandler>;
  353. default: FocusEventHandler;
  354. };
  355. onBlur: {
  356. type: import("vue").PropType<FocusEventHandler>;
  357. default: FocusEventHandler;
  358. };
  359. 'onUpdate:value': {
  360. type: import("vue").PropType<(value: Value) => void>;
  361. default: (value: Value) => void;
  362. };
  363. }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
  364. value: Value;
  365. vertical: boolean;
  366. trackStyle: CSSProperties | CSSProperties[];
  367. dots: boolean;
  368. reverse: boolean;
  369. onFocus: FocusEventHandler;
  370. onBlur: FocusEventHandler;
  371. onChange: (value: Value) => void;
  372. range: boolean | SliderRange;
  373. disabled: boolean;
  374. autofocus: boolean;
  375. defaultValue: Value;
  376. 'onUpdate:value': (value: Value) => void;
  377. step: number;
  378. included: boolean;
  379. marks: SliderMarks;
  380. handleStyle: CSSProperties | CSSProperties[];
  381. onAfterChange: (value: Value) => void;
  382. tipFormatter: (value?: number) => any;
  383. tooltipOpen: boolean;
  384. tooltipVisible: boolean;
  385. tooltipPlacement: TooltipPlacement;
  386. getTooltipPopupContainer: (triggerNode: HTMLElement) => HTMLElement;
  387. }>;
  388. __isFragment?: never;
  389. __isTeleport?: never;
  390. __isSuspense?: never;
  391. } & import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
  392. id: StringConstructor;
  393. prefixCls: StringConstructor;
  394. tooltipPrefixCls: StringConstructor;
  395. range: {
  396. type: import("vue").PropType<boolean | SliderRange>;
  397. default: boolean | SliderRange;
  398. };
  399. reverse: {
  400. type: BooleanConstructor;
  401. default: boolean;
  402. };
  403. min: NumberConstructor;
  404. max: NumberConstructor;
  405. step: {
  406. type: import("vue").PropType<number>;
  407. default: number;
  408. };
  409. marks: {
  410. type: import("vue").PropType<SliderMarks>;
  411. default: SliderMarks;
  412. };
  413. dots: {
  414. type: BooleanConstructor;
  415. default: boolean;
  416. };
  417. value: {
  418. type: import("vue").PropType<Value>;
  419. default: Value;
  420. };
  421. defaultValue: {
  422. type: import("vue").PropType<Value>;
  423. default: Value;
  424. };
  425. included: {
  426. type: BooleanConstructor;
  427. default: boolean;
  428. };
  429. disabled: {
  430. type: BooleanConstructor;
  431. default: boolean;
  432. };
  433. vertical: {
  434. type: BooleanConstructor;
  435. default: boolean;
  436. };
  437. tipFormatter: {
  438. type: import("vue").PropType<(value?: number) => any>;
  439. default: (value?: number) => any;
  440. };
  441. tooltipOpen: {
  442. type: BooleanConstructor;
  443. default: boolean;
  444. };
  445. /** @deprecated `tooltipVisible` is deprecated. Please use `tooltipOpen` instead. */
  446. tooltipVisible: {
  447. type: BooleanConstructor;
  448. default: boolean;
  449. };
  450. tooltipPlacement: {
  451. type: import("vue").PropType<TooltipPlacement>;
  452. default: TooltipPlacement;
  453. };
  454. getTooltipPopupContainer: {
  455. type: import("vue").PropType<(triggerNode: HTMLElement) => HTMLElement>;
  456. default: (triggerNode: HTMLElement) => HTMLElement;
  457. };
  458. autofocus: {
  459. type: BooleanConstructor;
  460. default: boolean;
  461. };
  462. handleStyle: {
  463. type: import("vue").PropType<CSSProperties | CSSProperties[]>;
  464. default: CSSProperties | CSSProperties[];
  465. };
  466. trackStyle: {
  467. type: import("vue").PropType<CSSProperties | CSSProperties[]>;
  468. default: CSSProperties | CSSProperties[];
  469. };
  470. onChange: {
  471. type: import("vue").PropType<(value: Value) => void>;
  472. default: (value: Value) => void;
  473. };
  474. onAfterChange: {
  475. type: import("vue").PropType<(value: Value) => void>;
  476. default: (value: Value) => void;
  477. };
  478. onFocus: {
  479. type: import("vue").PropType<FocusEventHandler>;
  480. default: FocusEventHandler;
  481. };
  482. onBlur: {
  483. type: import("vue").PropType<FocusEventHandler>;
  484. default: FocusEventHandler;
  485. };
  486. 'onUpdate:value': {
  487. type: import("vue").PropType<(value: Value) => void>;
  488. default: (value: Value) => void;
  489. };
  490. }>> & Readonly<{}>, () => VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
  491. value: Value;
  492. vertical: boolean;
  493. trackStyle: CSSProperties | CSSProperties[];
  494. dots: boolean;
  495. reverse: boolean;
  496. onFocus: FocusEventHandler;
  497. onBlur: FocusEventHandler;
  498. onChange: (value: Value) => void;
  499. range: boolean | SliderRange;
  500. disabled: boolean;
  501. autofocus: boolean;
  502. defaultValue: Value;
  503. 'onUpdate:value': (value: Value) => void;
  504. step: number;
  505. included: boolean;
  506. marks: SliderMarks;
  507. handleStyle: CSSProperties | CSSProperties[];
  508. onAfterChange: (value: Value) => void;
  509. tipFormatter: (value?: number) => any;
  510. tooltipOpen: boolean;
  511. tooltipVisible: boolean;
  512. tooltipPlacement: TooltipPlacement;
  513. getTooltipPopupContainer: (triggerNode: HTMLElement) => HTMLElement;
  514. }, {}, string, CustomSlotsType<{
  515. mark?: any;
  516. default?: any;
  517. }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
  518. export default _default;