index.d.ts 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. import { FieldProps } from './Field';
  2. export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  3. tag: {
  4. type: import("vue").PropType<keyof HTMLElementTagNameMap>;
  5. default: keyof HTMLElementTagNameMap;
  6. };
  7. icon: StringConstructor;
  8. size: import("vue").PropType<import("..").CellSize>;
  9. title: (NumberConstructor | StringConstructor)[];
  10. value: (NumberConstructor | StringConstructor)[];
  11. label: (NumberConstructor | StringConstructor)[];
  12. center: BooleanConstructor;
  13. isLink: BooleanConstructor;
  14. border: {
  15. type: BooleanConstructor;
  16. default: true;
  17. };
  18. iconPrefix: StringConstructor;
  19. valueClass: import("vue").PropType<unknown>;
  20. labelClass: import("vue").PropType<unknown>;
  21. titleClass: import("vue").PropType<unknown>;
  22. titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
  23. arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
  24. required: {
  25. type: import("vue").PropType<boolean | "auto">;
  26. default: null;
  27. };
  28. clickable: {
  29. type: import("vue").PropType<boolean | null>;
  30. default: null;
  31. };
  32. } & {
  33. id: StringConstructor;
  34. name: StringConstructor;
  35. leftIcon: StringConstructor;
  36. rightIcon: StringConstructor;
  37. autofocus: BooleanConstructor;
  38. clearable: BooleanConstructor;
  39. maxlength: (NumberConstructor | StringConstructor)[];
  40. max: NumberConstructor;
  41. min: NumberConstructor;
  42. formatter: import("vue").PropType<(value: string) => string>;
  43. clearIcon: {
  44. type: import("vue").PropType<string>;
  45. default: string;
  46. };
  47. modelValue: {
  48. type: (NumberConstructor | StringConstructor)[];
  49. default: string;
  50. };
  51. inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
  52. placeholder: StringConstructor;
  53. autocomplete: StringConstructor;
  54. autocapitalize: StringConstructor;
  55. autocorrect: StringConstructor;
  56. errorMessage: StringConstructor;
  57. enterkeyhint: StringConstructor;
  58. clearTrigger: {
  59. type: import("vue").PropType<import("./types").FieldClearTrigger>;
  60. default: import("./types").FieldClearTrigger;
  61. };
  62. formatTrigger: {
  63. type: import("vue").PropType<import("./types").FieldFormatTrigger>;
  64. default: import("./types").FieldFormatTrigger;
  65. };
  66. spellcheck: {
  67. type: BooleanConstructor;
  68. default: null;
  69. };
  70. error: {
  71. type: BooleanConstructor;
  72. default: null;
  73. };
  74. disabled: {
  75. type: BooleanConstructor;
  76. default: null;
  77. };
  78. readonly: {
  79. type: BooleanConstructor;
  80. default: null;
  81. };
  82. inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
  83. } & {
  84. rows: (NumberConstructor | StringConstructor)[];
  85. type: {
  86. type: import("vue").PropType<import("./types").FieldType>;
  87. default: import("./types").FieldType;
  88. };
  89. rules: import("vue").PropType<import("./types").FieldRule[]>;
  90. autosize: import("vue").PropType<boolean | import("./types").FieldAutosizeConfig>;
  91. labelWidth: (NumberConstructor | StringConstructor)[];
  92. labelClass: import("vue").PropType<unknown>;
  93. labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
  94. showWordLimit: BooleanConstructor;
  95. errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
  96. colon: {
  97. type: BooleanConstructor;
  98. default: null;
  99. };
  100. }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  101. tag: {
  102. type: import("vue").PropType<keyof HTMLElementTagNameMap>;
  103. default: keyof HTMLElementTagNameMap;
  104. };
  105. icon: StringConstructor;
  106. size: import("vue").PropType<import("..").CellSize>;
  107. title: (NumberConstructor | StringConstructor)[];
  108. value: (NumberConstructor | StringConstructor)[];
  109. label: (NumberConstructor | StringConstructor)[];
  110. center: BooleanConstructor;
  111. isLink: BooleanConstructor;
  112. border: {
  113. type: BooleanConstructor;
  114. default: true;
  115. };
  116. iconPrefix: StringConstructor;
  117. valueClass: import("vue").PropType<unknown>;
  118. labelClass: import("vue").PropType<unknown>;
  119. titleClass: import("vue").PropType<unknown>;
  120. titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
  121. arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
  122. required: {
  123. type: import("vue").PropType<boolean | "auto">;
  124. default: null;
  125. };
  126. clickable: {
  127. type: import("vue").PropType<boolean | null>;
  128. default: null;
  129. };
  130. } & {
  131. id: StringConstructor;
  132. name: StringConstructor;
  133. leftIcon: StringConstructor;
  134. rightIcon: StringConstructor;
  135. autofocus: BooleanConstructor;
  136. clearable: BooleanConstructor;
  137. maxlength: (NumberConstructor | StringConstructor)[];
  138. max: NumberConstructor;
  139. min: NumberConstructor;
  140. formatter: import("vue").PropType<(value: string) => string>;
  141. clearIcon: {
  142. type: import("vue").PropType<string>;
  143. default: string;
  144. };
  145. modelValue: {
  146. type: (NumberConstructor | StringConstructor)[];
  147. default: string;
  148. };
  149. inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
  150. placeholder: StringConstructor;
  151. autocomplete: StringConstructor;
  152. autocapitalize: StringConstructor;
  153. autocorrect: StringConstructor;
  154. errorMessage: StringConstructor;
  155. enterkeyhint: StringConstructor;
  156. clearTrigger: {
  157. type: import("vue").PropType<import("./types").FieldClearTrigger>;
  158. default: import("./types").FieldClearTrigger;
  159. };
  160. formatTrigger: {
  161. type: import("vue").PropType<import("./types").FieldFormatTrigger>;
  162. default: import("./types").FieldFormatTrigger;
  163. };
  164. spellcheck: {
  165. type: BooleanConstructor;
  166. default: null;
  167. };
  168. error: {
  169. type: BooleanConstructor;
  170. default: null;
  171. };
  172. disabled: {
  173. type: BooleanConstructor;
  174. default: null;
  175. };
  176. readonly: {
  177. type: BooleanConstructor;
  178. default: null;
  179. };
  180. inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
  181. } & {
  182. rows: (NumberConstructor | StringConstructor)[];
  183. type: {
  184. type: import("vue").PropType<import("./types").FieldType>;
  185. default: import("./types").FieldType;
  186. };
  187. rules: import("vue").PropType<import("./types").FieldRule[]>;
  188. autosize: import("vue").PropType<boolean | import("./types").FieldAutosizeConfig>;
  189. labelWidth: (NumberConstructor | StringConstructor)[];
  190. labelClass: import("vue").PropType<unknown>;
  191. labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
  192. showWordLimit: BooleanConstructor;
  193. errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
  194. colon: {
  195. type: BooleanConstructor;
  196. default: null;
  197. };
  198. }>> & Readonly<{
  199. onFocus?: ((...args: any[]) => any) | undefined;
  200. onBlur?: ((...args: any[]) => any) | undefined;
  201. onKeypress?: ((...args: any[]) => any) | undefined;
  202. onClear?: ((...args: any[]) => any) | undefined;
  203. onClickInput?: ((...args: any[]) => any) | undefined;
  204. onEndValidate?: ((...args: any[]) => any) | undefined;
  205. onStartValidate?: ((...args: any[]) => any) | undefined;
  206. onClickLeftIcon?: ((...args: any[]) => any) | undefined;
  207. onClickRightIcon?: ((...args: any[]) => any) | undefined;
  208. "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
  209. }>, {
  210. type: import("./types").FieldType;
  211. tag: keyof HTMLElementTagNameMap;
  212. center: boolean;
  213. autofocus: boolean;
  214. disabled: boolean;
  215. border: boolean;
  216. isLink: boolean;
  217. required: boolean | "auto";
  218. clickable: boolean | null;
  219. clearable: boolean;
  220. clearIcon: string;
  221. modelValue: string | number;
  222. clearTrigger: import("./types").FieldClearTrigger;
  223. formatTrigger: import("./types").FieldFormatTrigger;
  224. spellcheck: boolean;
  225. error: boolean;
  226. readonly: boolean;
  227. showWordLimit: boolean;
  228. colon: boolean;
  229. }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
  230. export default Field;
  231. export { fieldProps } from './Field';
  232. export type { FieldProps };
  233. export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldThemeVars, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FieldRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
  234. declare module 'vue' {
  235. interface GlobalComponents {
  236. VanField: typeof Field;
  237. }
  238. }