quanyawei
2024-01-11 da25434b85fc5b4321c429bf95e719d00ec395bb
uni_modules/uview-ui/components/u-input/props.js
New file
@@ -0,0 +1,187 @@
export default {
   props: {
      // 输入的值
      value: {
         type: [String, Number],
         default: uni.$u.props.input.value
      },
      // 输入框类型
      // number-数字输入键盘,app-vue下可以输入浮点数,app-nvue和小程序平台下只能输入整数
      // idcard-身份证输入键盘,微信、支付宝、百度、QQ小程序
      // digit-带小数点的数字键盘,App的nvue页面、微信、支付宝、百度、头条、QQ小程序
      // text-文本输入键盘
      type: {
         type: String,
         default: uni.$u.props.input.type
      },
      // 如果 textarea 是在一个 position:fixed 的区域,需要显示指定属性 fixed 为 true,
      // 兼容性:微信小程序、百度小程序、字节跳动小程序、QQ小程序
      fixed: {
         type: Boolean,
         default: uni.$u.props.input.fixed
      },
      // 是否禁用输入框
      disabled: {
         type: Boolean,
         default: uni.$u.props.input.disabled
      },
      // 禁用状态时的背景色
      disabledColor: {
         type: String,
         default: uni.$u.props.input.disabledColor
      },
      // 是否显示清除控件
      clearable: {
         type: Boolean,
         default: uni.$u.props.input.clearable
      },
      // 是否密码类型
      password: {
         type: Boolean,
         default: uni.$u.props.input.password
      },
      // 最大输入长度,设置为 -1 的时候不限制最大长度
      maxlength: {
         type: [String, Number],
         default: uni.$u.props.input.maxlength
      },
      //    输入框为空时的占位符
      placeholder: {
         type: String,
         default: uni.$u.props.input.placeholder
      },
      // 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写/deep/
      placeholderClass: {
         type: String,
         default: uni.$u.props.input.placeholderClass
      },
      // 指定placeholder的样式
      placeholderStyle: {
         type: [String, Object],
         default: uni.$u.props.input.placeholderStyle
      },
      // 是否显示输入字数统计,只在 type ="text"或type ="textarea"时有效
      showWordLimit: {
         type: Boolean,
         default: uni.$u.props.input.showWordLimit
      },
      // 设置右下角按钮的文字,有效值:send|search|next|go|done,兼容性详见uni-app文档
      // https://uniapp.dcloud.io/component/input
      // https://uniapp.dcloud.io/component/textarea
      confirmType: {
         type: String,
         default: uni.$u.props.input.confirmType
      },
      // 点击键盘右下角按钮时是否保持键盘不收起,H5无效
      confirmHold: {
         type: Boolean,
         default: uni.$u.props.input.confirmHold
      },
      // focus时,点击页面的时候不收起键盘,微信小程序有效
      holdKeyboard: {
         type: Boolean,
         default: uni.$u.props.input.holdKeyboard
      },
      // 自动获取焦点
      // 在 H5 平台能否聚焦以及软键盘是否跟随弹出,取决于当前浏览器本身的实现。nvue 页面不支持,需使用组件的 focus()、blur() 方法控制焦点
      focus: {
         type: Boolean,
         default: uni.$u.props.input.focus
      },
      // 键盘收起时,是否自动失去焦点,目前仅App3.0.0+有效
      autoBlur: {
         type: Boolean,
         default: uni.$u.props.input.autoBlur
      },
      // 是否去掉 iOS 下的默认内边距,仅微信小程序,且type=textarea时有效
      disableDefaultPadding: {
         type: Boolean,
         default: uni.$u.props.input.disableDefaultPadding
      },
      // 指定focus时光标的位置
      cursor: {
         type: [String, Number],
         default: uni.$u.props.input.cursor
      },
      // 输入框聚焦时底部与键盘的距离
      cursorSpacing: {
         type: [String, Number],
         default: uni.$u.props.input.cursorSpacing
      },
      // 光标起始位置,自动聚集时有效,需与selection-end搭配使用
      selectionStart: {
         type: [String, Number],
         default: uni.$u.props.input.selectionStart
      },
      // 光标结束位置,自动聚集时有效,需与selection-start搭配使用
      selectionEnd: {
         type: [String, Number],
         default: uni.$u.props.input.selectionEnd
      },
      // 键盘弹起时,是否自动上推页面
      adjustPosition: {
         type: Boolean,
         default: uni.$u.props.input.adjustPosition
      },
      // 输入框内容对齐方式,可选值为:left|center|right
      inputAlign: {
         type: String,
         default: uni.$u.props.input.inputAlign
      },
      // 输入框字体的大小
      fontSize: {
         type: [String, Number],
         default: uni.$u.props.input.fontSize
      },
      // 输入框字体颜色
      color: {
         type: String,
         default: uni.$u.props.input.color
      },
      // 输入框前置图标
      prefixIcon: {
         type: String,
         default: uni.$u.props.input.prefixIcon
      },
      // 前置图标样式,对象或字符串
      prefixIconStyle: {
         type: [String, Object],
         default: uni.$u.props.input.prefixIconStyle
      },
      // 输入框后置图标
      suffixIcon: {
         type: String,
         default: uni.$u.props.input.suffixIcon
      },
      // 后置图标样式,对象或字符串
      suffixIconStyle: {
         type: [String, Object],
         default: uni.$u.props.input.suffixIconStyle
      },
      // 边框类型,surround-四周边框,bottom-底部边框,none-无边框
      border: {
         type: String,
         default: uni.$u.props.input.border
      },
      // 是否只读,与disabled不同之处在于disabled会置灰组件,而readonly则不会
      readonly: {
         type: Boolean,
         default: uni.$u.props.input.readonly
      },
      // 输入框形状,circle-圆形,square-方形
      shape: {
         type: String,
         default: uni.$u.props.input.shape
      },
      // 用于处理或者过滤输入框内容的方法
      formatter: {
         type: [Function, null],
         default: uni.$u.props.input.formatter
      },
      // 是否忽略组件内对文本合成系统事件的处理
      ignoreCompositionEvent: {
         type: Boolean,
         default: true
      }
   }
}