index.d.ts 8.1 KB

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