You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

135 lines
4.2 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

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
}
}
})