hy-app 0.5.9 → 0.5.11

package/components/hy-input/index.scss

@@ -7,6 +7,11 @@
   justify-content: space-between;
   flex: 1;
   color: $hy-text-color;
+  
+  @include e(border) {
+	/* TODO: 先这样写，因为在某些pda中写$hy-border-line，边框不显示，后续排除问题 */
+  	border: 1px solid #e8e8e8;
+  }
 
   @include e(radius, square) {
     border-radius: 4px;

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 text,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 的时候不限制最大长度  */
-    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 ="text"或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
-} as const
-
-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 text,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 的时候不限制最大长度  */
+    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 ="text"或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
+} as const
+
+export default inputProps

package/components/hy-input/typing.d.ts

@@ -1,31 +1,31 @@
-import type {
-    InputOnBlurEvent,
-    InputOnConfirmEvent,
-    InputOnFocusEvent,
-    InputOnKeyboardheightchange
-} from '@uni-helper/uni-types'
-import type { ExtractPropTypes } from 'vue'
-import type inputProps from './props'
-
-export interface HyInputProps extends ExtractPropTypes<typeof inputProps> {}
-
-export interface IInputEmits {
-    /** 输入框失去焦点时触发 */
-    (e: 'blur', event: InputOnBlurEvent, value: string | number): void
-    /** 输入框聚焦时触发 */
-    (e: 'focus', event: InputOnFocusEvent): void
-    /** 点击完成按钮时触发 */
-    (e: 'confirm', event: InputOnConfirmEvent, value: string | number): void
-    /** 键盘高度发生变化的时候触发此事件 */
-    (e: 'keyboardheightchange', event: InputOnKeyboardheightchange): void
-    /** 内容发生变化触发此事件 */
-    (e: 'change', value: string | number): void
-    /** 内容发生变化触发此事件 */
-    (e: 'update:modelValue', value: string | number): void
-    /** 点击清空内容 */
-    (e: 'clear'): void
-    /** 点击前缀触发 */
-    (e: 'onPrefix'): void
-    /** 点击后缀触发 */
-    (e: 'onSuffix'): void
-}
+import type {
+    InputOnBlurEvent,
+    InputOnConfirmEvent,
+    InputOnFocusEvent,
+    InputOnKeyboardheightchange
+} from '@uni-helper/uni-types'
+import type { ExtractPropTypes } from 'vue'
+import type inputProps from './props'
+
+export interface HyInputProps extends ExtractPropTypes<typeof inputProps> {}
+
+export interface IInputEmits {
+    /** 输入框失去焦点时触发 */
+    (e: 'blur', event: InputOnBlurEvent, value: string | number): void
+    /** 输入框聚焦时触发 */
+    (e: 'focus', event: InputOnFocusEvent): void
+    /** 点击完成按钮时触发 */
+    (e: 'confirm', event: InputOnConfirmEvent, value: string | number): void
+    /** 键盘高度发生变化的时候触发此事件 */
+    (e: 'keyboardheightchange', event: InputOnKeyboardheightchange): void
+    /** 内容发生变化触发此事件 */
+    (e: 'change', value: string | number): void
+    /** 内容发生变化触发此事件 */
+    (e: 'update:modelValue', value: string | number): void
+    /** 点击清空内容 */
+    (e: 'clear'): void
+    /** 点击前缀触发 */
+    (e: 'onPrefix'): void
+    /** 点击后缀触发 */
+    (e: 'onSuffix'): void
+}

package/components/hy-line/hy-line.vue

@@ -1,55 +1,55 @@
-<template>
-    <view :class="['hy-line', customClass]" :style="lineStyle"></view>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-line',
-    options: {
-        addGlobalClass: true,
-        virtualHost: true,
-        styleIsolation: 'shared'
-    }
-}
-</script>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import type { CSSProperties } from 'vue'
-import { addUnit } from '../../libs'
-import lineProps from './props'
-
-/**
- * 一般用于显示一根线条，用于分隔内容块，有横向和竖向两种模式，且能设置0.5px线条，使用也很简单。
- * @displayName hy-line
- */
-defineOptions({})
-
-const props = defineProps(lineProps)
-
-const lineStyle = computed<CSSProperties>(() => {
-    const style: CSSProperties = {}
-    style.margin = props.margin
-    // 如果是水平线条，边框高度为1px，再通过transform缩小一半，就是0.5px了
-    if (props.direction === 'row') {
-        // 此处采用兼容分开写，兼容nvue的写法
-        style.borderBottomWidth = '1px'
-        style.borderBottomStyle = props.dashed ? 'dashed' : 'solid'
-        style.width = addUnit(props.length)
-        if (!props.hairline) style.borderBottomWidth = '1.5px'
-    } else {
-        // 如果是竖向线条，边框宽度为1px，再通过transform缩小一半，就是0.5px了
-        style.borderLeftWidth = '1px'
-        style.borderLeftStyle = props.dashed ? 'dashed' : 'solid'
-        style.height = addUnit(props.length)
-        if (props.hairline) style.transform = 'scaleX(0.5)'
-    }
-
-    style.borderColor = props.color
-    return Object.assign(style, props.customStyle)
-})
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-</style>
+<template>
+    <view :class="['hy-line', customClass]" :style="lineStyle"></view>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'hy-line',
+    options: {
+        addGlobalClass: true,
+        virtualHost: true,
+        styleIsolation: 'shared'
+    }
+}
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { CSSProperties } from 'vue'
+import { addUnit } from '../../libs'
+import lineProps from './props'
+
+/**
+ * 一般用于显示一根线条，用于分隔内容块，有横向和竖向两种模式，且能设置0.5px线条，使用也很简单。
+ * @displayName hy-line
+ */
+defineOptions({})
+
+const props = defineProps(lineProps)
+
+const lineStyle = computed<CSSProperties>(() => {
+    const style: CSSProperties = {}
+    style.margin = props.margin
+    // 如果是水平线条，边框高度为1px，再通过transform缩小一半，就是0.5px了
+    if (props.direction === 'row') {
+        // 此处采用兼容分开写，兼容nvue的写法
+        style.borderBottomWidth = '1px'
+        style.borderBottomStyle = props.dashed ? 'dashed' : 'solid'
+        style.width = addUnit(props.length)
+        if (!props.hairline) style.borderBottomWidth = '1.5px'
+    } else {
+        // 如果是竖向线条，边框宽度为1px，再通过transform缩小一半，就是0.5px了
+        style.borderLeftWidth = '1px'
+        style.borderLeftStyle = props.dashed ? 'dashed' : 'solid'
+        style.height = addUnit(props.length)
+        if (props.hairline) style.transform = 'scaleX(0.5)'
+    }
+
+    style.borderColor = props.color
+    return Object.assign(style, props.customStyle)
+})
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>

package/components/hy-line/props.ts

@@ -1,43 +1,43 @@
-import type { CSSProperties, PropType } from 'vue'
-
-const lineProps = {
-    /** 线条的颜色 */
-    color: String,
-    /** 长度，竖向时表现为高度，横向时表现为长度，可以为百分比，带px单位的值等 */
-    length: {
-        type: String,
-        default: '100%'
-    },
-    /**
-     * 线条的方向
-     * @values row,column
-     * */
-    direction: {
-        type: String,
-        default: 'row'
-    },
-    /** 是否显示细线条 */
-    hairline: {
-        type: Boolean,
-        default: true
-    },
-    /** 线条与上下左右 元素的间距，字符串形式，如"30px" */
-    margin: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 是否虚线 */
-    dashed: {
-        type: Boolean,
-        default: false
-    },
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>,
-        default: () => {}
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default lineProps
+import type { CSSProperties, PropType } from 'vue'
+
+const lineProps = {
+    /** 线条的颜色 */
+    color: String,
+    /** 长度，竖向时表现为高度，横向时表现为长度，可以为百分比，带px单位的值等 */
+    length: {
+        type: String,
+        default: '100%'
+    },
+    /**
+     * 线条的方向
+     * @values row,column
+     * */
+    direction: {
+        type: String,
+        default: 'row'
+    },
+    /** 是否显示细线条 */
+    hairline: {
+        type: Boolean,
+        default: true
+    },
+    /** 线条与上下左右 元素的间距，字符串形式，如"30px" */
+    margin: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 是否虚线 */
+    dashed: {
+        type: Boolean,
+        default: false
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>,
+        default: () => {}
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default lineProps