props.js
3.79 KB
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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
props: {
// #ifdef VUE3
// 绑定的值
modelValue: {
type: [String, Number],
default: () => defProps.search.value
},
// #endif
// #ifdef VUE2
// 绑定的值
value: {
type: [String, Number],
default: () => defProps.search.value
},
// #endif
// 搜索框形状，round-圆形，square-方形
shape: {
type: String,
default: () => defProps.search.shape
},
// 搜索框背景色
bgColor: {
type: String,
default: () => defProps.search.bgColor
},
// 占位提示文字
placeholder: {
type: String,
default: () => defProps.search.placeholder
},
// 是否启用清除控件
clearabled: {
type: Boolean,
default: () => defProps.search.clearabled
},
// 是否仅聚焦时显示清除控件
onlyClearableOnFocused: {
type: Boolean,
default: true
},
// 是否自动聚焦
focus: {
type: Boolean,
default: () => defProps.search.focus
},
// 是否在搜索框右侧显示取消按钮
showAction: {
type: Boolean,
default: () => defProps.search.showAction
},
// 右侧取消按钮文字
actionText: {
type: String,
default: () => defProps.search.actionText
},
// 搜索框左侧文本
label: {
type: [String, Number, null],
default: () => defProps.search.label
},
// 输入框内容对齐方式，可选值为：left|center|right
inputAlign: {
type: String,
default: () => defProps.search.inputAlign
},
// 是否启用输入框
disabled: {
type: Boolean,
default: () => defProps.search.disabled
},
// 开启showAction时，是否在input获取焦点时才显示
animation: {
type: Boolean,
default: () => defProps.search.animation
},
// 边框颜色，只要配置了颜色，才会有边框
borderColor: {
type: String,
default: () => defProps.search.borderColor
},
// 搜索图标的颜色，默认同输入框字体颜色
searchIconColor: {
type: String,
default: () => defProps.search.searchIconColor
},
// 搜索图标的大小
searchIconSize: {
type: [Number, String],
default: () => defProps.search.searchIconSize
},
// 输入框字体颜色
color: {
type: String,
default: () => defProps.search.color
},
// placeholder的颜色
placeholderColor: {
type: String,
default: () => defProps.search.placeholderColor
},
// 左边输入框的图标，可以为uView图标名称或图片路径
searchIcon: {
type: String,
default: () => defProps.search.searchIcon
},
// 组件与其他上下左右元素之间的距离，带单位的字符串形式，如"30px"
margin: {
type: String,
default: () => defProps.search.margin
},
// 应该是uView-plus版本新增的，用于控制搜索图标的插槽位置
iconPosition: {
type: String,
default: () => defProps.search.iconPosition
},
// 输入框最大能输入的长度，-1为不限制长度
maxlength: {
type: [String, Number],
default: () => defProps.search.maxlength
},
// 输入框高度，单位px
height: {
type: [String, Number],
default: () => defProps.search.height
},
// 键盘弹起时，是否自动上推页面
adjustPosition: {
type: Boolean,
default: () => defProps.search.adjustPosition
},
// 键盘收起时，是否自动失去焦点
autoBlur: {
type: Boolean,
default: () => defProps.search.autoBlur
},
// 输入框的样式，对象形式
inputStyle: {
type: Object,
default: () => defProps.search.inputStyle
},
// 右侧控件的样式，对象形式
actionStyle: {
type: Object,
default: () => defProps.search.actionStyle
},
// 自定义样式，对象形式
customStyle: {
type: Object,
default: () => defProps.search.customStyle
}
}
})