1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
| import type { ExtractPropTypes, PropType } from 'vue';
| import type { InputAlign, InputConfirmType, InputType } from '../../types/global';
| import { baseProps } from '../common/props';
|
| /**
| * u-input 组件 props 类型定义
| * @description 此组件为一个输入框，默认没有边框和样式，是专门为配合表单组件u-form而设计的，利用它可以快速实现表单验证，输入内容，下拉选择等功能。
| */
|
| export const InputProps = {
| ...baseProps,
| /** 用于双向绑定输入框的值 */
| modelValue: {
| type: [String, Number] as PropType<string | number>,
| default: ''
| },
| /** 输入框的类型，textarea，text，number */
| type: {
| type: String as PropType<InputType>,
| default: 'text'
| },
| /** 输入框文字的对齐方式(默认left) */
| inputAlign: {
| type: String as PropType<InputAlign>,
| default: 'left'
| },
| /** placeholder显示值(默认 '请输入内容') */
| placeholder: {
| type: String,
| default: '请输入内容'
| },
| /** 是否禁用输入框(默认false) */
| disabled: {
| type: Boolean,
| default: false
| },
| /** 输入框的最大可输入长度(默认140) */
| maxlength: {
| type: [Number, String] as PropType<number | string>,
| default: 140
| },
| // 是否显示统计字数，仅textarea有效
| count: {
| type: Boolean,
| default: false
| },
| /** placeholder的样式，字符串形式，如"color: red;"(默认 "color: var(--u-light-color);") */
| placeholderStyle: {
| type: String,
| default: 'color: var(--u-light-color);'
| },
| /** 设置键盘右下角按钮的文字，仅在type为text时生效(默认done) */
| confirmType: {
| type: String as PropType<InputConfirmType>,
| default: 'done'
| },
| /** 如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true */
| fixed: {
| type: Boolean,
| default: false
| },
| /** 是否自动获得焦点(默认false) */
| focus: {
| type: Boolean,
| default: false
| },
| /** 密码类型时，是否显示右侧的密码图标(默认true) */
| passwordIcon: {
| type: Boolean,
| default: true
| },
| /** input|textarea是否显示边框(默认false) */
| border: {
| type: Boolean,
| default: false
| },
| /** 输入框的边框颜色(默认var(--u-border-color)) */
| borderColor: {
| type: String,
| default: 'var(--u-border-color)'
| },
| /** 是否自动增高输入区域，type为textarea时有效(默认true) */
| autoHeight: {
| type: Boolean,
| default: true
| },
| /** type=select时，旋转右侧的图标，标识当前处于打开还是关闭select的状态 */
| selectOpen: {
| type: Boolean,
| default: false
| },
| /** 高度，单位rpx */
| height: {
| type: [Number, String] as PropType<number | string>,
| default: ''
| },
| /** 是否可清空(默认true) */
| clearable: {
| type: Boolean,
| default: true
| },
| /** 指定光标与键盘的距离，单位 px(默认0) */
| cursorSpacing: {
| type: [Number, String] as PropType<number | string>,
| default: 0
| },
| /** 光标起始位置，自动聚焦时有效，需与selection-end搭配使用（默认-1） */
| selectionStart: {
| type: [Number, String] as PropType<number | string>,
| default: -1
| },
| /** 光标结束位置，自动聚焦时有效，需与selection-start搭配使用（默认-1） */
| selectionEnd: {
| type: [Number, String] as PropType<number | string>,
| default: -1
| },
| /** 是否自动去除两端的空格(默认true) */
| trim: {
| type: Boolean,
| default: true
| },
| /** 是否显示键盘上方带有”完成“按钮那一栏(默认true) */
| showConfirmbar: {
| type: Boolean,
| default: true
| },
| /** 弹出键盘时是否自动调节高度，uni-app默认值是true */
| adjustPosition: {
| type: Boolean,
| default: true
| },
| /** 输入框的验证状态，用于错误时，边框是否改为红色 */
| validateState: {
| type: Boolean,
| default: false
| }
| };
|
| /**
| * u-input 组件 props 类型
| */
| export type InputProps = ExtractPropTypes<typeof InputProps>;
|
|
