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
| import { defineMixin } from '../../libs/vue'
| import defProps from '../../libs/config/props.js'
| export const props = defineMixin({
| props: {
| // 搜索框形状，round-圆形，square-方形
| shape: {
| type: String,
| default: () => defProps.search.shape
| },
| // 搜索框背景色，默认值#f2f2f2
| bgColor: {
| type: String,
| default: () => defProps.search.bgColor
| },
| // 占位提示文字
| placeholder: {
| type: String,
| default: () => defProps.search.placeholder
| },
| // 是否启用清除控件
| clearabled: {
| type: Boolean,
| default: () => defProps.search.clearabled
| },
| // 是否自动聚焦
| focus: {
| type: Boolean,
| default: () => defProps.search.focus
| },
| // 是否在搜索框右侧显示取消按钮
| showAction: {
| type: Boolean,
| default: () => defProps.search.showAction
| },
| // 右边控件的样式
| actionStyle: {
| type: Object,
| default: () => defProps.search.actionStyle
| },
| // 取消按钮文字
| actionText: {
| type: String,
| default: () => defProps.search.actionText
| },
| // 输入框内容对齐方式，可选值为 left|center|right
| inputAlign: {
| type: String,
| default: () => defProps.search.inputAlign
| },
| // input输入框的样式，可以定义文字颜色，大小等，对象形式
| inputStyle: {
| type: Object,
| default: () => defProps.search.inputStyle
| },
| // 是否启用输入框
| disabled: {
| type: Boolean,
| default: () => defProps.search.disabled
| },
| // 边框颜色
| borderColor: {
| type: String,
| default: () => defProps.search.borderColor
| },
| // 搜索图标的颜色，默认同输入框字体颜色
| searchIconColor: {
| type: String,
| default: () => defProps.search.searchIconColor
| },
| // 输入框字体颜色
| color: {
| type: String,
| default: () => defProps.search.color
| },
| // placeholder的颜色
| placeholderColor: {
| type: String,
| default: () => defProps.search.placeholderColor
| },
| // 左边输入框的图标，可以为uView图标名称或图片路径
| searchIcon: {
| type: String,
| default: () => defProps.search.searchIcon
| },
| searchIconSize: {
| type: [Number, String],
| default: () => defProps.search.searchIconSize
| },
| // 组件与其他上下左右元素之间的距离，带单位的字符串形式，如"30px"、"30px 20px"等写法
| margin: {
| type: String,
| default: () => defProps.search.margin
| },
| // 开启showAction时，是否在input获取焦点时才显示
| animation: {
| type: Boolean,
| default: () => defProps.search.animation
| },
| // 输入框的初始化内容
| modelValue: {
| type: String,
| default: () => defProps.search.value
| },
| value: {
| type: String,
| default: () => defProps.search.value
| },
| // 输入框最大能输入的长度，-1为不限制长度(来自uniapp文档)
| maxlength: {
| type: [String, Number],
| default: () => defProps.search.maxlength
| },
| // 搜索框高度，单位px
| height: {
| type: [String, Number],
| default: () => defProps.search.height
| },
| // 搜索框左侧文本
| label: {
| type: [String, Number, null],
| default: () => defProps.search.label
| },
| // 键盘弹起时，是否自动上推页面
| adjustPosition: {
| type: Boolean,
| default: () => true
| },
| // 键盘收起时，是否自动失去焦点
| autoBlur: {
| type: Boolean,
| default: () => false
| }
| }
| })
|
|
