hy-app 0.5.10 → 0.5.12

package/components/hy-image/props.ts

@@ -1,107 +1,107 @@
-import { IconConfig } from '../../libs/config'
-import type { CSSProperties, PropType } from 'vue'
-
-const imageProps = {
-    /** 图片地址 */
-    src: {
-        type: String,
-        default: '',
-        required: true
-    },
-    /**
-     * 裁剪模式，见官网说明
-     * @values scaleToFill,aspectFit,aspectFill,widthFix,heightFix,top,bottom,center,left,right,top left,top right,bottom left,bottom right
-     * */
-    mode: {
-        type: String,
-        default: 'aspectFill'
-    },
-    /** 宽度，单位任意，如果为数值，则为px单位 */
-    width: {
-        type: [String, Number],
-        default: ''
-    },
-    /** 高度，单位任意，如果为数值，则为px单位 */
-    height: {
-        type: [String, Number],
-        default: ''
-    },
-    /**
-     * 图片形状
-     * @values circle,square
-     * */
-    shape: {
-        type: String,
-        default: 'square'
-    },
-    /** 圆角值，单位任意，如果为数值，则为px单位 */
-    radius: {
-        type: [Number, String],
-        default: 0
-    },
-    /** 是否懒加载，仅微信小程序、App、百度小程序、字节跳动小程序有效 */
-    lazyLoad: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否开启长按图片显示识别小程序码菜单，仅微信小程序有效 */
-    showMenuByLongPress: {
-        type: Boolean,
-        default: true
-    },
-    /** 加载中的图标，或者小图片 */
-    loadingIcon: {
-        type: String,
-        default: IconConfig.LOADING
-    },
-    /** 加载失败的图标，或者小图片 */
-    errorIcon: {
-        type: String,
-        default: IconConfig.NOTICE
-    },
-    /** 是否显示加载中的图标或者自定义的slot */
-    showLoading: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否显示加载错误的图标或者自定义的slot */
-    showError: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否需要淡入效果 */
-    fade: {
-        type: Boolean,
-        default: true
-    },
-    /** 只支持网络资源，只对微信小程序有效 */
-    webp: {
-        type: Boolean,
-        default: false
-    },
-    /** 搭配fade参数的过渡时间，单位ms */
-    duration: {
-        type: Number,
-        default: 500
-    },
-    /** 背景颜色，用于深色页面加载图片时，为了和背景色融合 */
-    bgColor: String,
-    /** 是否模糊图片 */
-    indistinct: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否预览图片 */
-    previewImage: {
-        type: Boolean,
-        default: false
-    },
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default imageProps
+import { IconConfig } from '../../libs/config'
+import type { CSSProperties, PropType } from 'vue'
+
+const imageProps = {
+    /** 图片地址 */
+    src: {
+        type: String,
+        default: '',
+        required: true
+    },
+    /**
+     * 裁剪模式，见官网说明
+     * @values scaleToFill,aspectFit,aspectFill,widthFix,heightFix,top,bottom,center,left,right,top left,top right,bottom left,bottom right
+     * */
+    mode: {
+        type: String,
+        default: 'aspectFill'
+    },
+    /** 宽度，单位任意，如果为数值，则为px单位 */
+    width: {
+        type: [String, Number],
+        default: ''
+    },
+    /** 高度，单位任意，如果为数值，则为px单位 */
+    height: {
+        type: [String, Number],
+        default: ''
+    },
+    /**
+     * 图片形状
+     * @values circle,square
+     * */
+    shape: {
+        type: String,
+        default: 'square'
+    },
+    /** 圆角值，单位任意，如果为数值，则为px单位 */
+    radius: {
+        type: [Number, String],
+        default: 0
+    },
+    /** 是否懒加载，仅微信小程序、App、百度小程序、字节跳动小程序有效 */
+    lazyLoad: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否开启长按图片显示识别小程序码菜单，仅微信小程序有效 */
+    showMenuByLongPress: {
+        type: Boolean,
+        default: true
+    },
+    /** 加载中的图标，或者小图片 */
+    loadingIcon: {
+        type: String,
+        default: IconConfig.LOADING
+    },
+    /** 加载失败的图标，或者小图片 */
+    errorIcon: {
+        type: String,
+        default: IconConfig.NOTICE
+    },
+    /** 是否显示加载中的图标或者自定义的slot */
+    showLoading: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否显示加载错误的图标或者自定义的slot */
+    showError: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否需要淡入效果 */
+    fade: {
+        type: Boolean,
+        default: true
+    },
+    /** 只支持网络资源，只对微信小程序有效 */
+    webp: {
+        type: Boolean,
+        default: false
+    },
+    /** 搭配fade参数的过渡时间，单位ms */
+    duration: {
+        type: Number,
+        default: 500
+    },
+    /** 背景颜色，用于深色页面加载图片时，为了和背景色融合 */
+    bgColor: String,
+    /** 是否模糊图片 */
+    indistinct: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否预览图片 */
+    previewImage: {
+        type: Boolean,
+        default: false
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default imageProps

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

@@ -1,10 +1,10 @@
-import type { ImageOnErrorEvent, ImageOnLoadEvent } from '@uni-helper/uni-types'
-
-export interface IImageEmits {
-    /** 点击触发 */
-    (e: 'click'): void
-    /** 图片加载错误触发 */
-    (e: 'error', err: ImageOnErrorEvent): void
-    /** 图片加载中触发 */
-    (e: 'load', event: ImageOnLoadEvent): void
-}
+import type { ImageOnErrorEvent, ImageOnLoadEvent } from '@uni-helper/uni-types'
+
+export interface IImageEmits {
+    /** 点击触发 */
+    (e: 'click'): void
+    /** 图片加载错误触发 */
+    (e: 'error', err: ImageOnErrorEvent): void
+    /** 图片加载中触发 */
+    (e: 'load', event: ImageOnLoadEvent): void
+}

package/components/hy-input/hy-input.vue

@@ -34,7 +34,7 @@
                     ref="input-native"
                     :class="[
                         'hy-input__content--field-wrapper__field',
-                        disabled && 'hy-input__disabled-text'
+                        disabled && 'hy-input__disabled-test'
                     ]"
                     :style="[inputStyle]"
                     :type="type"

package/components/hy-input/index.scss

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

package/components/hy-input/props.ts

@@ -10,7 +10,7 @@ const inputProps = {
     },
     /**
      * 输入框类型，见上方说明
-     * @values text,idcard,number,digit,safe-password,tel,nickname
+     * @values test,idcard,number,digit,safe-password,tel,nickname
      * */
     type: {
         type: String,
@@ -41,7 +41,7 @@ const inputProps = {
         type: Boolean,
         default: false
     },
-    /** 最大输入长度，设置为 -1 的时候不限制最大长度  */
+    /** 最大输入长度，设置为 -1 的时候不限制最大长度(注：支付宝不支持-1，需要设置其他任意值)  */
     maxlength: {
         type: Number,
         default: -1
@@ -58,7 +58,7 @@ const inputProps = {
         type: Object as PropType<CSSProperties>,
         default: () => ({})
     },
-    /** 是否显示输入字数统计，只在 type ="text"或type ="textarea"时有效 */
+    /** 是否显示输入字数统计，只在 type ="test"或type ="textarea"时有效 */
     showWordLimit: {
         type: Boolean,
         default: false

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