dropdown.d.ts 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
  2. import { Arrayable, Nullable } from "../../../utils/typescript.js";
  3. import "../../../utils/index.js";
  4. import { PopperEffect } from "../../popper/src/popper.js";
  5. import { Measurable } from "../../popper/src/constants.js";
  6. import { ButtonProps } from "../../button/src/button.js";
  7. import "../../button/index.js";
  8. import { Placement as Placement$1 } from "../../popper/index.js";
  9. import * as vue from "vue";
  10. import { ComponentInternalInstance, ComputedRef } from "vue";
  11. import { Options } from "@popperjs/core";
  12. //#region ../../packages/components/dropdown/src/dropdown.d.ts
  13. interface IElDropdownInstance {
  14. instance?: ComponentInternalInstance;
  15. dropdownSize?: ComputedRef<string>;
  16. handleClick?: () => void;
  17. commandHandler?: (...arg: any[]) => void;
  18. show?: () => void;
  19. hide?: () => void;
  20. trigger?: ComputedRef<string>;
  21. hideOnClick?: ComputedRef<boolean>;
  22. triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>;
  23. }
  24. declare const dropdownProps: {
  25. readonly trigger: {
  26. readonly type: vue.PropType<Arrayable<"hover" | "click" | "contextmenu">>;
  27. readonly required: false;
  28. readonly validator: ((val: unknown) => boolean) | undefined;
  29. readonly __epPropKey: true;
  30. readonly default: "hover";
  31. };
  32. readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
  33. readonly virtualTriggering: BooleanConstructor;
  34. readonly virtualRef: {
  35. readonly type: vue.PropType<Measurable>;
  36. readonly required: false;
  37. readonly validator: ((val: unknown) => boolean) | undefined;
  38. __epPropKey: true;
  39. };
  40. readonly effect: {
  41. readonly default: "light";
  42. readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>>;
  43. readonly required: false;
  44. readonly validator: ((val: unknown) => boolean) | undefined;
  45. readonly __epPropKey: true;
  46. };
  47. readonly type: {
  48. readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | ((new (...args: any[]) => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger"))[], unknown, unknown>>;
  49. readonly required: false;
  50. readonly validator: ((val: unknown) => boolean) | undefined;
  51. __epPropKey: true;
  52. };
  53. readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | ((new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1))[], unknown, unknown, "bottom", boolean>;
  54. readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
  55. readonly id: StringConstructor;
  56. readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
  57. readonly splitButton: BooleanConstructor;
  58. readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  59. readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  60. readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  61. readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
  62. readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
  63. readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
  64. readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
  65. readonly popperClass: {
  66. readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
  67. [x: string]: boolean;
  68. } | (string | {
  69. [x: string]: boolean;
  70. } | (string | {
  71. [x: string]: boolean;
  72. } | (string | {
  73. [x: string]: boolean;
  74. } | (string | {
  75. [x: string]: boolean;
  76. } | (string | {
  77. [x: string]: boolean;
  78. } | (string | {
  79. [x: string]: boolean;
  80. } | (string | {
  81. [x: string]: boolean;
  82. } | (string | {
  83. [x: string]: boolean;
  84. } | (string | {
  85. [x: string]: boolean;
  86. } | (string | {
  87. [x: string]: boolean;
  88. } | (string | {
  89. [x: string]: boolean;
  90. } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
  91. [x: string]: boolean;
  92. } | (string | {
  93. [x: string]: boolean;
  94. } | (string | {
  95. [x: string]: boolean;
  96. } | (string | {
  97. [x: string]: boolean;
  98. } | (string | {
  99. [x: string]: boolean;
  100. } | (string | {
  101. [x: string]: boolean;
  102. } | (string | {
  103. [x: string]: boolean;
  104. } | (string | {
  105. [x: string]: boolean;
  106. } | (string | {
  107. [x: string]: boolean;
  108. } | (string | {
  109. [x: string]: boolean;
  110. } | (string | {
  111. [x: string]: boolean;
  112. } | (string | {
  113. [x: string]: boolean;
  114. } | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
  115. [x: string]: boolean;
  116. } | (string | {
  117. [x: string]: boolean;
  118. } | (string | {
  119. [x: string]: boolean;
  120. } | (string | {
  121. [x: string]: boolean;
  122. } | (string | {
  123. [x: string]: boolean;
  124. } | (string | {
  125. [x: string]: boolean;
  126. } | (string | {
  127. [x: string]: boolean;
  128. } | (string | {
  129. [x: string]: boolean;
  130. } | (string | {
  131. [x: string]: boolean;
  132. } | (string | {
  133. [x: string]: boolean;
  134. } | (string | {
  135. [x: string]: boolean;
  136. } | (string | {
  137. [x: string]: boolean;
  138. } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
  139. [x: string]: boolean;
  140. } | (string | {
  141. [x: string]: boolean;
  142. } | (string | {
  143. [x: string]: boolean;
  144. } | (string | {
  145. [x: string]: boolean;
  146. } | (string | {
  147. [x: string]: boolean;
  148. } | (string | {
  149. [x: string]: boolean;
  150. } | (string | {
  151. [x: string]: boolean;
  152. } | (string | {
  153. [x: string]: boolean;
  154. } | (string | {
  155. [x: string]: boolean;
  156. } | (string | {
  157. [x: string]: boolean;
  158. } | (string | {
  159. [x: string]: boolean;
  160. } | (string | {
  161. [x: string]: boolean;
  162. } | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
  163. readonly required: false;
  164. readonly validator: ((val: unknown) => boolean) | undefined;
  165. __epPropKey: true;
  166. };
  167. readonly popperStyle: {
  168. readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | ((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue))[], unknown, unknown>>;
  169. readonly required: false;
  170. readonly validator: ((val: unknown) => boolean) | undefined;
  171. __epPropKey: true;
  172. };
  173. readonly disabled: BooleanConstructor;
  174. readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
  175. readonly buttonProps: {
  176. readonly type: vue.PropType<Partial<ButtonProps>>;
  177. readonly required: false;
  178. readonly validator: ((val: unknown) => boolean) | undefined;
  179. __epPropKey: true;
  180. };
  181. readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  182. readonly appendTo: {
  183. readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>>;
  184. readonly required: false;
  185. readonly validator: ((val: unknown) => boolean) | undefined;
  186. __epPropKey: true;
  187. };
  188. readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
  189. };
  190. declare const dropdownItemProps: {
  191. readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
  192. readonly disabled: BooleanConstructor;
  193. readonly divided: BooleanConstructor;
  194. readonly textValue: StringConstructor;
  195. readonly icon: {
  196. readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
  197. readonly required: false;
  198. readonly validator: ((val: unknown) => boolean) | undefined;
  199. __epPropKey: true;
  200. };
  201. };
  202. declare const dropdownMenuProps: {
  203. onKeydown: {
  204. readonly type: vue.PropType<(e: KeyboardEvent) => void>;
  205. readonly required: false;
  206. readonly validator: ((val: unknown) => boolean) | undefined;
  207. __epPropKey: true;
  208. };
  209. };
  210. declare const FIRST_KEYS: string[];
  211. declare const LAST_KEYS: string[];
  212. declare const FIRST_LAST_KEYS: string[];
  213. //#endregion
  214. export { FIRST_KEYS, FIRST_LAST_KEYS, IElDropdownInstance, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps };