Field.d.ts 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338
  1. import { type PropType, type ExtractPropTypes } from 'vue';
  2. import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
  3. export declare const fieldSharedProps: {
  4. id: StringConstructor;
  5. name: StringConstructor;
  6. leftIcon: StringConstructor;
  7. rightIcon: StringConstructor;
  8. autofocus: BooleanConstructor;
  9. clearable: BooleanConstructor;
  10. maxlength: (NumberConstructor | StringConstructor)[];
  11. formatter: PropType<(value: string) => string>;
  12. clearIcon: {
  13. type: PropType<string>;
  14. default: string;
  15. };
  16. modelValue: {
  17. type: (NumberConstructor | StringConstructor)[];
  18. default: string;
  19. };
  20. inputAlign: PropType<FieldTextAlign>;
  21. placeholder: StringConstructor;
  22. autocomplete: StringConstructor;
  23. errorMessage: StringConstructor;
  24. enterkeyhint: StringConstructor;
  25. clearTrigger: {
  26. type: PropType<FieldClearTrigger>;
  27. default: FieldClearTrigger;
  28. };
  29. formatTrigger: {
  30. type: PropType<FieldFormatTrigger>;
  31. default: FieldFormatTrigger;
  32. };
  33. error: {
  34. type: BooleanConstructor;
  35. default: null;
  36. };
  37. disabled: {
  38. type: BooleanConstructor;
  39. default: null;
  40. };
  41. readonly: {
  42. type: BooleanConstructor;
  43. default: null;
  44. };
  45. };
  46. export declare const fieldProps: {
  47. tag: {
  48. type: PropType<keyof HTMLElementTagNameMap>;
  49. default: keyof HTMLElementTagNameMap;
  50. };
  51. icon: StringConstructor;
  52. size: PropType<import("../cell").CellSize>;
  53. title: (NumberConstructor | StringConstructor)[];
  54. value: (NumberConstructor | StringConstructor)[];
  55. label: (NumberConstructor | StringConstructor)[];
  56. center: BooleanConstructor;
  57. isLink: BooleanConstructor;
  58. border: {
  59. type: BooleanConstructor;
  60. default: true;
  61. };
  62. required: BooleanConstructor;
  63. iconPrefix: StringConstructor;
  64. valueClass: PropType<unknown>;
  65. labelClass: PropType<unknown>;
  66. titleClass: PropType<unknown>;
  67. titleStyle: PropType<string | import("vue").CSSProperties>;
  68. arrowDirection: PropType<import("../cell").CellArrowDirection>;
  69. clickable: {
  70. type: PropType<boolean | null>;
  71. default: null;
  72. };
  73. } & {
  74. id: StringConstructor;
  75. name: StringConstructor;
  76. leftIcon: StringConstructor;
  77. rightIcon: StringConstructor;
  78. autofocus: BooleanConstructor;
  79. clearable: BooleanConstructor;
  80. maxlength: (NumberConstructor | StringConstructor)[];
  81. formatter: PropType<(value: string) => string>;
  82. clearIcon: {
  83. type: PropType<string>;
  84. default: string;
  85. };
  86. modelValue: {
  87. type: (NumberConstructor | StringConstructor)[];
  88. default: string;
  89. };
  90. inputAlign: PropType<FieldTextAlign>;
  91. placeholder: StringConstructor;
  92. autocomplete: StringConstructor;
  93. errorMessage: StringConstructor;
  94. enterkeyhint: StringConstructor;
  95. clearTrigger: {
  96. type: PropType<FieldClearTrigger>;
  97. default: FieldClearTrigger;
  98. };
  99. formatTrigger: {
  100. type: PropType<FieldFormatTrigger>;
  101. default: FieldFormatTrigger;
  102. };
  103. error: {
  104. type: BooleanConstructor;
  105. default: null;
  106. };
  107. disabled: {
  108. type: BooleanConstructor;
  109. default: null;
  110. };
  111. readonly: {
  112. type: BooleanConstructor;
  113. default: null;
  114. };
  115. } & {
  116. rows: (NumberConstructor | StringConstructor)[];
  117. type: {
  118. type: PropType<FieldType>;
  119. default: FieldType;
  120. };
  121. rules: PropType<FieldRule[]>;
  122. autosize: PropType<boolean | FieldAutosizeConfig>;
  123. labelWidth: (NumberConstructor | StringConstructor)[];
  124. labelClass: PropType<unknown>;
  125. labelAlign: PropType<FieldTextAlign>;
  126. showWordLimit: BooleanConstructor;
  127. errorMessageAlign: PropType<FieldTextAlign>;
  128. colon: {
  129. type: BooleanConstructor;
  130. default: null;
  131. };
  132. };
  133. export type FieldProps = ExtractPropTypes<typeof fieldProps>;
  134. declare const _default: import("vue").DefineComponent<{
  135. tag: {
  136. type: PropType<keyof HTMLElementTagNameMap>;
  137. default: keyof HTMLElementTagNameMap;
  138. };
  139. icon: StringConstructor;
  140. size: PropType<import("../cell").CellSize>;
  141. title: (NumberConstructor | StringConstructor)[];
  142. value: (NumberConstructor | StringConstructor)[];
  143. label: (NumberConstructor | StringConstructor)[];
  144. center: BooleanConstructor;
  145. isLink: BooleanConstructor;
  146. border: {
  147. type: BooleanConstructor;
  148. default: true;
  149. };
  150. required: BooleanConstructor;
  151. iconPrefix: StringConstructor;
  152. valueClass: PropType<unknown>;
  153. labelClass: PropType<unknown>;
  154. titleClass: PropType<unknown>;
  155. titleStyle: PropType<string | import("vue").CSSProperties>;
  156. arrowDirection: PropType<import("../cell").CellArrowDirection>;
  157. clickable: {
  158. type: PropType<boolean | null>;
  159. default: null;
  160. };
  161. } & {
  162. id: StringConstructor;
  163. name: StringConstructor;
  164. leftIcon: StringConstructor;
  165. rightIcon: StringConstructor;
  166. autofocus: BooleanConstructor;
  167. clearable: BooleanConstructor;
  168. maxlength: (NumberConstructor | StringConstructor)[];
  169. formatter: PropType<(value: string) => string>;
  170. clearIcon: {
  171. type: PropType<string>;
  172. default: string;
  173. };
  174. modelValue: {
  175. type: (NumberConstructor | StringConstructor)[];
  176. default: string;
  177. };
  178. inputAlign: PropType<FieldTextAlign>;
  179. placeholder: StringConstructor;
  180. autocomplete: StringConstructor;
  181. errorMessage: StringConstructor;
  182. enterkeyhint: StringConstructor;
  183. clearTrigger: {
  184. type: PropType<FieldClearTrigger>;
  185. default: FieldClearTrigger;
  186. };
  187. formatTrigger: {
  188. type: PropType<FieldFormatTrigger>;
  189. default: FieldFormatTrigger;
  190. };
  191. error: {
  192. type: BooleanConstructor;
  193. default: null;
  194. };
  195. disabled: {
  196. type: BooleanConstructor;
  197. default: null;
  198. };
  199. readonly: {
  200. type: BooleanConstructor;
  201. default: null;
  202. };
  203. } & {
  204. rows: (NumberConstructor | StringConstructor)[];
  205. type: {
  206. type: PropType<FieldType>;
  207. default: FieldType;
  208. };
  209. rules: PropType<FieldRule[]>;
  210. autosize: PropType<boolean | FieldAutosizeConfig>;
  211. labelWidth: (NumberConstructor | StringConstructor)[];
  212. labelClass: PropType<unknown>;
  213. labelAlign: PropType<FieldTextAlign>;
  214. showWordLimit: BooleanConstructor;
  215. errorMessageAlign: PropType<FieldTextAlign>;
  216. colon: {
  217. type: BooleanConstructor;
  218. default: null;
  219. };
  220. }, () => 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<ExtractPropTypes<{
  221. tag: {
  222. type: PropType<keyof HTMLElementTagNameMap>;
  223. default: keyof HTMLElementTagNameMap;
  224. };
  225. icon: StringConstructor;
  226. size: PropType<import("../cell").CellSize>;
  227. title: (NumberConstructor | StringConstructor)[];
  228. value: (NumberConstructor | StringConstructor)[];
  229. label: (NumberConstructor | StringConstructor)[];
  230. center: BooleanConstructor;
  231. isLink: BooleanConstructor;
  232. border: {
  233. type: BooleanConstructor;
  234. default: true;
  235. };
  236. required: BooleanConstructor;
  237. iconPrefix: StringConstructor;
  238. valueClass: PropType<unknown>;
  239. labelClass: PropType<unknown>;
  240. titleClass: PropType<unknown>;
  241. titleStyle: PropType<string | import("vue").CSSProperties>;
  242. arrowDirection: PropType<import("../cell").CellArrowDirection>;
  243. clickable: {
  244. type: PropType<boolean | null>;
  245. default: null;
  246. };
  247. } & {
  248. id: StringConstructor;
  249. name: StringConstructor;
  250. leftIcon: StringConstructor;
  251. rightIcon: StringConstructor;
  252. autofocus: BooleanConstructor;
  253. clearable: BooleanConstructor;
  254. maxlength: (NumberConstructor | StringConstructor)[];
  255. formatter: PropType<(value: string) => string>;
  256. clearIcon: {
  257. type: PropType<string>;
  258. default: string;
  259. };
  260. modelValue: {
  261. type: (NumberConstructor | StringConstructor)[];
  262. default: string;
  263. };
  264. inputAlign: PropType<FieldTextAlign>;
  265. placeholder: StringConstructor;
  266. autocomplete: StringConstructor;
  267. errorMessage: StringConstructor;
  268. enterkeyhint: StringConstructor;
  269. clearTrigger: {
  270. type: PropType<FieldClearTrigger>;
  271. default: FieldClearTrigger;
  272. };
  273. formatTrigger: {
  274. type: PropType<FieldFormatTrigger>;
  275. default: FieldFormatTrigger;
  276. };
  277. error: {
  278. type: BooleanConstructor;
  279. default: null;
  280. };
  281. disabled: {
  282. type: BooleanConstructor;
  283. default: null;
  284. };
  285. readonly: {
  286. type: BooleanConstructor;
  287. default: null;
  288. };
  289. } & {
  290. rows: (NumberConstructor | StringConstructor)[];
  291. type: {
  292. type: PropType<FieldType>;
  293. default: FieldType;
  294. };
  295. rules: PropType<FieldRule[]>;
  296. autosize: PropType<boolean | FieldAutosizeConfig>;
  297. labelWidth: (NumberConstructor | StringConstructor)[];
  298. labelClass: PropType<unknown>;
  299. labelAlign: PropType<FieldTextAlign>;
  300. showWordLimit: BooleanConstructor;
  301. errorMessageAlign: PropType<FieldTextAlign>;
  302. colon: {
  303. type: BooleanConstructor;
  304. default: null;
  305. };
  306. }>> & {
  307. onFocus?: ((...args: any[]) => any) | undefined;
  308. onBlur?: ((...args: any[]) => any) | undefined;
  309. onKeypress?: ((...args: any[]) => any) | undefined;
  310. onClear?: ((...args: any[]) => any) | undefined;
  311. onClickInput?: ((...args: any[]) => any) | undefined;
  312. onEndValidate?: ((...args: any[]) => any) | undefined;
  313. onStartValidate?: ((...args: any[]) => any) | undefined;
  314. onClickLeftIcon?: ((...args: any[]) => any) | undefined;
  315. onClickRightIcon?: ((...args: any[]) => any) | undefined;
  316. "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
  317. }, {
  318. type: FieldType;
  319. tag: keyof HTMLElementTagNameMap;
  320. center: boolean;
  321. autofocus: boolean;
  322. disabled: boolean;
  323. isLink: boolean;
  324. border: boolean;
  325. required: boolean;
  326. clickable: boolean | null;
  327. clearable: boolean;
  328. clearIcon: string;
  329. modelValue: string | number;
  330. clearTrigger: FieldClearTrigger;
  331. formatTrigger: FieldFormatTrigger;
  332. error: boolean;
  333. readonly: boolean;
  334. showWordLimit: boolean;
  335. colon: boolean;
  336. }>;
  337. export default _default;