hy-app 0.6.4 → 0.6.6

package/components/hy-input/props.ts

@@ -1,186 +1,186 @@
-import type { CSSProperties, PropType } from 'vue'
-import type { InputConfirmType } from '@uni-helper/uni-types'
-import type { HyIconProps } from '../hy-icon/typing'
-
-const inputProps = {
-    /** 输入的值 */
-    modelValue: {
-        type: [String, Number],
-        required: true
-    },
-    /**
-     * 输入框类型，见上方说明
-     * @values test,idcard,number,digit,safe-password,tel,nickname
-     * */
-    type: {
-        type: String,
-        default: 'text'
-    },
-    /** 如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true，兼容性：微信小程序、百度小程序、字节跳动小程序、QQ小程序 */
-    fixed: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否禁用输入框 */
-    disabled: {
-        type: Boolean,
-        default: false
-    },
-    /** 禁用状态时的背景色 */
-    disabledColor: {
-        type: String,
-        default: ''
-    },
-    /** 是否显示清除控件 */
-    clearable: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否密码类型 */
-    password: {
-        type: Boolean,
-        default: false
-    },
-    /** 最大输入长度，设置为 -1 的时候不限制最大长度(注：支付宝不支持-1，需要设置其他任意值)  */
-    maxlength: {
-        type: Number,
-        default: -1
-    },
-    /** 输入框为空时的占位符 */
-    placeholder: String,
-    /** 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ */
-    placeholderClass: {
-        type: String,
-        default: 'input-placeholder'
-    },
-    /** 指定placeholder的样式，字符串/对象形式，如"color: red;" */
-    placeholderStyle: {
-        type: Object as PropType<CSSProperties>,
-        default: () => ({})
-    },
-    /** 是否显示输入字数统计，只在 type ="test"或type ="textarea"时有效 */
-    showWordLimit: {
-        type: Boolean,
-        default: false
-    },
-    /** 设置右下角按钮的文字，兼容性详见uni-app文档 */
-    confirmType: {
-        type: String as PropType<InputConfirmType>,
-        default: 'done'
-    },
-    /** 点击键盘右下角按钮时是否保持键盘不收起，H5无效 */
-    confirmHold: {
-        type: Boolean,
-        default: false
-    },
-    /** focus时，点击页面的时候不收起键盘，微信小程序有效 */
-    holdKeyboard: {
-        type: Boolean,
-        default: false
-    },
-    /** 自动获取焦点，在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。nvue 页面不支持，需使用组件的 focus()、blur() 方法控制焦点 */
-    focus: {
-        type: Boolean,
-        default: false
-    },
-    /** 键盘收起时，是否自动失去焦点，目前仅App3.0.0+有效 */
-    autoBlur: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否去掉 iOS 下的默认内边距，仅微信小程序，且type=textarea时有效 */
-    disableDefaultPadding: {
-        type: Boolean,
-        default: false
-    },
-    /** 指定focus时光标的位置 */
-    cursor: {
-        type: Number,
-        default: 140
-    },
-    /** 输入框聚焦时底部与键盘的距离 */
-    cursorSpacing: {
-        type: Number,
-        default: 30
-    },
-    /** 光标起始位置，自动聚集时有效，需与selection-end搭配使用 */
-    selectionStart: {
-        type: Number,
-        default: -1
-    },
-    /** 光标结束位置，自动聚集时有效，需与selection-start搭配使用 */
-    selectionEnd: {
-        type: Number,
-        default: -1
-    },
-    /** 键盘弹起时，是否自动上推页面 */
-    adjustPosition: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * 输入框内容对齐方式
-     * @values left,center,right
-     * */
-    inputAlign: {
-        type: String,
-        default: 'left'
-    },
-    /** 输入框字体的大小 */
-    fontSize: {
-        type: [String, Number],
-        default: '15px'
-    },
-    /** 输入框字体颜色 */
-    color: {
-        type: String,
-        default: ''
-    },
-    /** 输入框前置图标 */
-    prefixIcon: {
-        type: Object as PropType<HyIconProps>,
-        default: () => {}
-    },
-    /** 输入框后置图标 */
-    suffixIcon: {
-        type: Object as PropType<HyIconProps>,
-        default: () => {}
-    },
-    /**
-     * 边框类型
-     * @values surround,bottom,none
-     * */
-    border: {
-        type: String,
-        default: 'surround'
-    },
-    /** 是否只读，与disabled不同之处在于disabled会置灰组件，而readonly则不会 */
-    readonly: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 输入框形状
-     * @values circle,square
-     * */
-    shape: {
-        type: String,
-        default: 'square'
-    },
-    /** 是否忽略组件内对文本合成系统事件的处理 */
-    ignoreCompositionEvent: {
-        type: Boolean,
-        default: false
-    },
-    /** 内容式化函数 */
-    formatter: Function,
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>,
-        default: () => {}
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default inputProps
+import type { CSSProperties, PropType } from 'vue'
+import type { InputConfirmType } from '@uni-helper/uni-types'
+import type { HyIconProps } from '../hy-icon/typing'
+
+const inputProps = {
+    /** 输入的值 */
+    modelValue: {
+        type: [String, Number],
+        required: true
+    },
+    /**
+     * 输入框类型，见上方说明
+     * @values test,idcard,number,digit,safe-password,tel,nickname
+     * */
+    type: {
+        type: String,
+        default: 'text'
+    },
+    /** 如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true，兼容性：微信小程序、百度小程序、字节跳动小程序、QQ小程序 */
+    fixed: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否禁用输入框 */
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    /** 禁用状态时的背景色 */
+    disabledColor: {
+        type: String,
+        default: ''
+    },
+    /** 是否显示清除控件 */
+    clearable: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否密码类型 */
+    password: {
+        type: Boolean,
+        default: false
+    },
+    /** 最大输入长度，设置为 -1 的时候不限制最大长度(注：支付宝不支持-1，需要设置其他任意值)  */
+    maxlength: {
+        type: Number,
+        default: -1
+    },
+    /** 输入框为空时的占位符 */
+    placeholder: String,
+    /** 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ */
+    placeholderClass: {
+        type: String,
+        default: 'input-placeholder'
+    },
+    /** 指定placeholder的样式，字符串/对象形式，如"color: red;" */
+    placeholderStyle: {
+        type: Object as PropType<CSSProperties>,
+        default: () => ({})
+    },
+    /** 是否显示输入字数统计，只在 type ="test"或type ="textarea"时有效 */
+    showWordLimit: {
+        type: Boolean,
+        default: false
+    },
+    /** 设置右下角按钮的文字，兼容性详见uni-app文档 */
+    confirmType: {
+        type: String as PropType<InputConfirmType>,
+        default: 'done'
+    },
+    /** 点击键盘右下角按钮时是否保持键盘不收起，H5无效 */
+    confirmHold: {
+        type: Boolean,
+        default: false
+    },
+    /** focus时，点击页面的时候不收起键盘，微信小程序有效 */
+    holdKeyboard: {
+        type: Boolean,
+        default: false
+    },
+    /** 自动获取焦点，在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。nvue 页面不支持，需使用组件的 focus()、blur() 方法控制焦点 */
+    focus: {
+        type: Boolean,
+        default: false
+    },
+    /** 键盘收起时，是否自动失去焦点，目前仅App3.0.0+有效 */
+    autoBlur: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否去掉 iOS 下的默认内边距，仅微信小程序，且type=textarea时有效 */
+    disableDefaultPadding: {
+        type: Boolean,
+        default: false
+    },
+    /** 指定focus时光标的位置 */
+    cursor: {
+        type: Number,
+        default: 140
+    },
+    /** 输入框聚焦时底部与键盘的距离 */
+    cursorSpacing: {
+        type: Number,
+        default: 30
+    },
+    /** 光标起始位置，自动聚集时有效，需与selection-end搭配使用 */
+    selectionStart: {
+        type: Number,
+        default: -1
+    },
+    /** 光标结束位置，自动聚集时有效，需与selection-start搭配使用 */
+    selectionEnd: {
+        type: Number,
+        default: -1
+    },
+    /** 键盘弹起时，是否自动上推页面 */
+    adjustPosition: {
+        type: Boolean,
+        default: true
+    },
+    /**
+     * 输入框内容对齐方式
+     * @values left,center,right
+     * */
+    inputAlign: {
+        type: String,
+        default: 'left'
+    },
+    /** 输入框字体的大小 */
+    fontSize: {
+        type: [String, Number],
+        default: '15px'
+    },
+    /** 输入框字体颜色 */
+    color: {
+        type: String,
+        default: ''
+    },
+    /** 输入框前置图标 */
+    prefixIcon: {
+        type: Object as PropType<HyIconProps>,
+        default: () => {}
+    },
+    /** 输入框后置图标 */
+    suffixIcon: {
+        type: Object as PropType<HyIconProps>,
+        default: () => {}
+    },
+    /**
+     * 边框类型
+     * @values surround,bottom,none
+     * */
+    border: {
+        type: String,
+        default: 'surround'
+    },
+    /** 是否只读，与disabled不同之处在于disabled会置灰组件，而readonly则不会 */
+    readonly: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * 输入框形状
+     * @values circle,square
+     * */
+    shape: {
+        type: String,
+        default: 'square'
+    },
+    /** 是否忽略组件内对文本合成系统事件的处理 */
+    ignoreCompositionEvent: {
+        type: Boolean,
+        default: false
+    },
+    /** 内容式化函数 */
+    formatter: Function,
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>,
+        default: () => {}
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default inputProps