uview-next/components/u-search/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

import { defineProps } from '../../libs/util/props';

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