index.d.mts 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435
  1. import * as vue from 'vue';
  2. import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode } from 'vue';
  3. type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
  4. $children?: (VNodeChild | (T extends {
  5. default: infer V;
  6. } ? V : {}) | {
  7. [K in keyof T]?: T[K];
  8. });
  9. 'v-slots'?: {
  10. [K in keyof T]?: T[K] | false;
  11. };
  12. } & {
  13. [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
  14. };
  15. type RawSlots = Record<string, unknown>;
  16. type Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNodeChild;
  17. type VueSlot<T> = [T] extends [never] ? () => VNode[] : (arg: T) => VNode[];
  18. type MakeInternalSlots<T extends RawSlots> = {
  19. [K in keyof T]: Slot<T[K]>;
  20. };
  21. type MakeSlots<T extends RawSlots> = {
  22. [K in keyof T]: VueSlot<T[K]>;
  23. };
  24. type GenericProps<Props, Slots extends Record<string, unknown>> = {
  25. $props: Props & SlotsToProps<Slots>;
  26. $slots: MakeSlots<Slots>;
  27. };
  28. interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
  29. filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
  30. }
  31. type ClassValue = any;
  32. type VItemGroupSlots = {
  33. default: {
  34. isSelected: (id: number) => boolean;
  35. select: (id: number, value: boolean) => void;
  36. next: () => void;
  37. prev: () => void;
  38. selected: readonly number[];
  39. };
  40. };
  41. declare const VItemGroup: {
  42. new (...args: any[]): vue.CreateComponentPublicInstance<{
  43. style: vue.StyleValue;
  44. disabled: boolean;
  45. multiple: boolean;
  46. tag: string;
  47. selectedClass: string;
  48. } & {
  49. max?: number | undefined;
  50. class?: any;
  51. theme?: string | undefined;
  52. mandatory?: boolean | "force" | undefined;
  53. } & {}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
  54. 'update:modelValue': (value: any) => true;
  55. }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
  56. style: vue.StyleValue;
  57. disabled: boolean;
  58. multiple: boolean;
  59. tag: string;
  60. selectedClass: string;
  61. } & {
  62. max?: number | undefined;
  63. class?: any;
  64. theme?: string | undefined;
  65. mandatory?: boolean | "force" | undefined;
  66. } & {}, {
  67. style: vue.StyleValue;
  68. disabled: boolean;
  69. multiple: boolean;
  70. tag: string;
  71. selectedClass: string;
  72. }, true, {}, vue.SlotsType<Partial<{
  73. default: (arg: {
  74. isSelected: (id: number) => boolean;
  75. select: (id: number, value: boolean) => void;
  76. next: () => void;
  77. prev: () => void;
  78. selected: readonly number[];
  79. }) => vue.VNode[];
  80. }>>, {
  81. P: {};
  82. B: {};
  83. D: {};
  84. C: {};
  85. M: {};
  86. Defaults: {};
  87. }, {
  88. style: vue.StyleValue;
  89. disabled: boolean;
  90. multiple: boolean;
  91. tag: string;
  92. selectedClass: string;
  93. } & {
  94. max?: number | undefined;
  95. class?: any;
  96. theme?: string | undefined;
  97. mandatory?: boolean | "force" | undefined;
  98. } & {}, () => JSX.Element, {}, {}, {}, {
  99. style: vue.StyleValue;
  100. disabled: boolean;
  101. multiple: boolean;
  102. tag: string;
  103. selectedClass: string;
  104. }>;
  105. __isFragment?: never;
  106. __isTeleport?: never;
  107. __isSuspense?: never;
  108. } & vue.ComponentOptionsBase<{
  109. style: vue.StyleValue;
  110. disabled: boolean;
  111. multiple: boolean;
  112. tag: string;
  113. selectedClass: string;
  114. } & {
  115. max?: number | undefined;
  116. class?: any;
  117. theme?: string | undefined;
  118. mandatory?: boolean | "force" | undefined;
  119. } & {}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
  120. 'update:modelValue': (value: any) => true;
  121. }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
  122. style: vue.StyleValue;
  123. disabled: boolean;
  124. multiple: boolean;
  125. tag: string;
  126. selectedClass: string;
  127. }, {}, string, vue.SlotsType<Partial<{
  128. default: (arg: {
  129. isSelected: (id: number) => boolean;
  130. select: (id: number, value: boolean) => void;
  131. next: () => void;
  132. prev: () => void;
  133. selected: readonly number[];
  134. }) => vue.VNode[];
  135. }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
  136. modelValue?: T;
  137. "onUpdate:modelValue"?: (value: T) => void;
  138. }, slots: VItemGroupSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
  139. theme: StringConstructor;
  140. tag: {
  141. type: StringConstructor;
  142. default: string;
  143. };
  144. modelValue: {
  145. type: null;
  146. default: undefined;
  147. };
  148. multiple: BooleanConstructor;
  149. mandatory: vue.PropType<boolean | "force">;
  150. max: NumberConstructor;
  151. selectedClass: {
  152. type: vue.PropType<string>;
  153. default: string;
  154. };
  155. disabled: BooleanConstructor;
  156. class: vue.PropType<ClassValue>;
  157. style: {
  158. type: vue.PropType<vue.StyleValue>;
  159. default: null;
  160. };
  161. }, vue.ExtractPropTypes<{
  162. theme: StringConstructor;
  163. tag: {
  164. type: StringConstructor;
  165. default: string;
  166. };
  167. modelValue: {
  168. type: null;
  169. default: undefined;
  170. };
  171. multiple: BooleanConstructor;
  172. mandatory: vue.PropType<boolean | "force">;
  173. max: NumberConstructor;
  174. selectedClass: {
  175. type: vue.PropType<string>;
  176. default: string;
  177. };
  178. disabled: BooleanConstructor;
  179. class: vue.PropType<ClassValue>;
  180. style: {
  181. type: vue.PropType<vue.StyleValue>;
  182. default: null;
  183. };
  184. }>>;
  185. type VItemGroup = InstanceType<typeof VItemGroup>;
  186. declare const VItem: {
  187. new (...args: any[]): vue.CreateComponentPublicInstance<{
  188. disabled: boolean;
  189. } & {
  190. value?: any;
  191. selectedClass?: string | undefined;
  192. } & {
  193. $children?: vue.VNodeChild | {
  194. default?: ((arg: {
  195. isSelected: boolean | undefined;
  196. selectedClass: boolean | (string | undefined)[] | undefined;
  197. select: ((value: boolean) => void) | undefined;
  198. toggle: (() => void) | undefined;
  199. value: unknown;
  200. disabled: boolean | undefined;
  201. }) => vue.VNodeChild) | undefined;
  202. } | ((arg: {
  203. isSelected: boolean | undefined;
  204. selectedClass: boolean | (string | undefined)[] | undefined;
  205. select: ((value: boolean) => void) | undefined;
  206. toggle: (() => void) | undefined;
  207. value: unknown;
  208. disabled: boolean | undefined;
  209. }) => vue.VNodeChild);
  210. 'v-slots'?: {
  211. default?: false | ((arg: {
  212. isSelected: boolean | undefined;
  213. selectedClass: boolean | (string | undefined)[] | undefined;
  214. select: ((value: boolean) => void) | undefined;
  215. toggle: (() => void) | undefined;
  216. value: unknown;
  217. disabled: boolean | undefined;
  218. }) => vue.VNodeChild) | undefined;
  219. } | undefined;
  220. } & {
  221. "v-slot:default"?: false | ((arg: {
  222. isSelected: boolean | undefined;
  223. selectedClass: boolean | (string | undefined)[] | undefined;
  224. select: ((value: boolean) => void) | undefined;
  225. toggle: (() => void) | undefined;
  226. value: unknown;
  227. disabled: boolean | undefined;
  228. }) => vue.VNodeChild) | undefined;
  229. } & {
  230. "onGroup:selected"?: ((val: {
  231. value: boolean;
  232. }) => any) | undefined;
  233. }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
  234. [key: string]: any;
  235. }>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
  236. 'group:selected': (val: {
  237. value: boolean;
  238. }) => true;
  239. }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
  240. disabled: boolean;
  241. } & {
  242. value?: any;
  243. selectedClass?: string | undefined;
  244. } & {
  245. $children?: vue.VNodeChild | {
  246. default?: ((arg: {
  247. isSelected: boolean | undefined;
  248. selectedClass: boolean | (string | undefined)[] | undefined;
  249. select: ((value: boolean) => void) | undefined;
  250. toggle: (() => void) | undefined;
  251. value: unknown;
  252. disabled: boolean | undefined;
  253. }) => vue.VNodeChild) | undefined;
  254. } | ((arg: {
  255. isSelected: boolean | undefined;
  256. selectedClass: boolean | (string | undefined)[] | undefined;
  257. select: ((value: boolean) => void) | undefined;
  258. toggle: (() => void) | undefined;
  259. value: unknown;
  260. disabled: boolean | undefined;
  261. }) => vue.VNodeChild);
  262. 'v-slots'?: {
  263. default?: false | ((arg: {
  264. isSelected: boolean | undefined;
  265. selectedClass: boolean | (string | undefined)[] | undefined;
  266. select: ((value: boolean) => void) | undefined;
  267. toggle: (() => void) | undefined;
  268. value: unknown;
  269. disabled: boolean | undefined;
  270. }) => vue.VNodeChild) | undefined;
  271. } | undefined;
  272. } & {
  273. "v-slot:default"?: false | ((arg: {
  274. isSelected: boolean | undefined;
  275. selectedClass: boolean | (string | undefined)[] | undefined;
  276. select: ((value: boolean) => void) | undefined;
  277. toggle: (() => void) | undefined;
  278. value: unknown;
  279. disabled: boolean | undefined;
  280. }) => vue.VNodeChild) | undefined;
  281. } & {
  282. "onGroup:selected"?: ((val: {
  283. value: boolean;
  284. }) => any) | undefined;
  285. }, {
  286. disabled: boolean;
  287. }, true, {}, vue.SlotsType<Partial<{
  288. default: (arg: {
  289. isSelected: boolean | undefined;
  290. selectedClass: boolean | (string | undefined)[] | undefined;
  291. select: ((value: boolean) => void) | undefined;
  292. toggle: (() => void) | undefined;
  293. value: unknown;
  294. disabled: boolean | undefined;
  295. }) => vue.VNode[];
  296. }>>, {
  297. P: {};
  298. B: {};
  299. D: {};
  300. C: {};
  301. M: {};
  302. Defaults: {};
  303. }, {
  304. disabled: boolean;
  305. } & {
  306. value?: any;
  307. selectedClass?: string | undefined;
  308. } & {
  309. $children?: vue.VNodeChild | {
  310. default?: ((arg: {
  311. isSelected: boolean | undefined;
  312. selectedClass: boolean | (string | undefined)[] | undefined;
  313. select: ((value: boolean) => void) | undefined;
  314. toggle: (() => void) | undefined;
  315. value: unknown;
  316. disabled: boolean | undefined;
  317. }) => vue.VNodeChild) | undefined;
  318. } | ((arg: {
  319. isSelected: boolean | undefined;
  320. selectedClass: boolean | (string | undefined)[] | undefined;
  321. select: ((value: boolean) => void) | undefined;
  322. toggle: (() => void) | undefined;
  323. value: unknown;
  324. disabled: boolean | undefined;
  325. }) => vue.VNodeChild);
  326. 'v-slots'?: {
  327. default?: false | ((arg: {
  328. isSelected: boolean | undefined;
  329. selectedClass: boolean | (string | undefined)[] | undefined;
  330. select: ((value: boolean) => void) | undefined;
  331. toggle: (() => void) | undefined;
  332. value: unknown;
  333. disabled: boolean | undefined;
  334. }) => vue.VNodeChild) | undefined;
  335. } | undefined;
  336. } & {
  337. "v-slot:default"?: false | ((arg: {
  338. isSelected: boolean | undefined;
  339. selectedClass: boolean | (string | undefined)[] | undefined;
  340. select: ((value: boolean) => void) | undefined;
  341. toggle: (() => void) | undefined;
  342. value: unknown;
  343. disabled: boolean | undefined;
  344. }) => vue.VNodeChild) | undefined;
  345. } & {
  346. "onGroup:selected"?: ((val: {
  347. value: boolean;
  348. }) => any) | undefined;
  349. }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
  350. [key: string]: any;
  351. }>[] | undefined, {}, {}, {}, {
  352. disabled: boolean;
  353. }>;
  354. __isFragment?: never;
  355. __isTeleport?: never;
  356. __isSuspense?: never;
  357. } & vue.ComponentOptionsBase<{
  358. disabled: boolean;
  359. } & {
  360. value?: any;
  361. selectedClass?: string | undefined;
  362. } & {
  363. $children?: vue.VNodeChild | {
  364. default?: ((arg: {
  365. isSelected: boolean | undefined;
  366. selectedClass: boolean | (string | undefined)[] | undefined;
  367. select: ((value: boolean) => void) | undefined;
  368. toggle: (() => void) | undefined;
  369. value: unknown;
  370. disabled: boolean | undefined;
  371. }) => vue.VNodeChild) | undefined;
  372. } | ((arg: {
  373. isSelected: boolean | undefined;
  374. selectedClass: boolean | (string | undefined)[] | undefined;
  375. select: ((value: boolean) => void) | undefined;
  376. toggle: (() => void) | undefined;
  377. value: unknown;
  378. disabled: boolean | undefined;
  379. }) => vue.VNodeChild);
  380. 'v-slots'?: {
  381. default?: false | ((arg: {
  382. isSelected: boolean | undefined;
  383. selectedClass: boolean | (string | undefined)[] | undefined;
  384. select: ((value: boolean) => void) | undefined;
  385. toggle: (() => void) | undefined;
  386. value: unknown;
  387. disabled: boolean | undefined;
  388. }) => vue.VNodeChild) | undefined;
  389. } | undefined;
  390. } & {
  391. "v-slot:default"?: false | ((arg: {
  392. isSelected: boolean | undefined;
  393. selectedClass: boolean | (string | undefined)[] | undefined;
  394. select: ((value: boolean) => void) | undefined;
  395. toggle: (() => void) | undefined;
  396. value: unknown;
  397. disabled: boolean | undefined;
  398. }) => vue.VNodeChild) | undefined;
  399. } & {
  400. "onGroup:selected"?: ((val: {
  401. value: boolean;
  402. }) => any) | undefined;
  403. }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
  404. [key: string]: any;
  405. }>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
  406. 'group:selected': (val: {
  407. value: boolean;
  408. }) => true;
  409. }, string, {
  410. disabled: boolean;
  411. }, {}, string, vue.SlotsType<Partial<{
  412. default: (arg: {
  413. isSelected: boolean | undefined;
  414. selectedClass: boolean | (string | undefined)[] | undefined;
  415. select: ((value: boolean) => void) | undefined;
  416. toggle: (() => void) | undefined;
  417. value: unknown;
  418. disabled: boolean | undefined;
  419. }) => vue.VNode[];
  420. }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
  421. value: null;
  422. disabled: BooleanConstructor;
  423. selectedClass: StringConstructor;
  424. }, vue.ExtractPropTypes<{
  425. value: null;
  426. disabled: BooleanConstructor;
  427. selectedClass: StringConstructor;
  428. }>>;
  429. type VItem = InstanceType<typeof VItem>;
  430. export { VItem, VItemGroup };