hy-app 0.5.10 → 0.5.12

package/components/hy-number-step/props.ts

@@ -1,112 +1,112 @@
-import type { HyIconProps } from '../hy-icon/typing'
-import type { PropType } from 'vue'
-
-const numberStepProps = {
-    /** 用于双向绑定的值，初始化时设置设为默认min值(最小值) */
-    modelValue: {
-        type: Number,
-        default: 0,
-        required: true
-    },
-    /** 最小值 */
-    min: {
-        type: Number,
-        default: 1
-    },
-    /** 最大值 */
-    max: {
-        type: Number,
-        default: Number.MAX_SAFE_INTEGER
-    },
-    /** 加减的步长，可为小数 */
-    step: {
-        type: Number,
-        default: 1
-    },
-    /** 是否只允许输入整数 */
-    integer: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否禁用，包括输入框，加减按钮 */
-    disabled: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否禁用输入框 */
-    disabledInput: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否开启异步变更，开启后需要手动控制输入值 */
-    asyncChange: {
-        type: Boolean,
-        default: false
-    },
-    /** 输入框宽度，单位为px */
-    inputWidth: {
-        type: [String, Number],
-        default: 35
-    },
-    /** 是否显示减少按钮 */
-    showMinus: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否显示增加按钮 */
-    showPlus: {
-        type: Boolean,
-        default: true
-    },
-    /** 显示的小数位数 */
-    decimalLength: Number,
-    /** 是否开启长按加减手势 */
-    longPress: {
-        type: Boolean,
-        default: true
-    },
-    /** 输入框文字和加减按钮图标的颜色 */
-    color: String,
-    /** 按钮宽度 */
-    buttonWidth: {
-        type: [String, Number],
-        default: 30
-    },
-    /** 按钮大小，宽高等于此值，单位px，输入框高度和此值保持一致 */
-    buttonSize: {
-        type: [String, Number],
-        default: 30
-    },
-    /** 按钮圆角 */
-    buttonRadius: [String, Number],
-    /** 输入框和按钮的背景颜色 */
-    bgColor: String,
-    /** 输入框背景颜色 */
-    inputBgColor: String,
-    /** 指定光标于键盘的距离，避免键盘遮挡输入框，单位px */
-    cursorSpacing: {
-        type: Number,
-        default: 100
-    },
-    /** 是否禁用减少按钮 */
-    disableMinus: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否禁用增加按钮 */
-    disablePlus: {
-        type: Boolean,
-        default: false
-    },
-    /** 减号按钮图标 */
-    minusIcon: Object as PropType<HyIconProps>,
-    /** 加号按钮图标 */
-    plusIcon: Object as PropType<HyIconProps>,
-    /** 迷你模式 */
-    miniMode: {
-        type: Boolean,
-        default: false
-    }
-}
-
-export default numberStepProps
+import type { HyIconProps } from '../hy-icon/typing'
+import type { PropType } from 'vue'
+
+const numberStepProps = {
+    /** 用于双向绑定的值，初始化时设置设为默认min值(最小值) */
+    modelValue: {
+        type: Number,
+        default: 0,
+        required: true
+    },
+    /** 最小值 */
+    min: {
+        type: Number,
+        default: 1
+    },
+    /** 最大值 */
+    max: {
+        type: Number,
+        default: Number.MAX_SAFE_INTEGER
+    },
+    /** 加减的步长，可为小数 */
+    step: {
+        type: Number,
+        default: 1
+    },
+    /** 是否只允许输入整数 */
+    integer: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否禁用，包括输入框，加减按钮 */
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否禁用输入框 */
+    disabledInput: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否开启异步变更，开启后需要手动控制输入值 */
+    asyncChange: {
+        type: Boolean,
+        default: false
+    },
+    /** 输入框宽度，单位为px */
+    inputWidth: {
+        type: [String, Number],
+        default: 35
+    },
+    /** 是否显示减少按钮 */
+    showMinus: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否显示增加按钮 */
+    showPlus: {
+        type: Boolean,
+        default: true
+    },
+    /** 显示的小数位数 */
+    decimalLength: Number,
+    /** 是否开启长按加减手势 */
+    longPress: {
+        type: Boolean,
+        default: true
+    },
+    /** 输入框文字和加减按钮图标的颜色 */
+    color: String,
+    /** 按钮宽度 */
+    buttonWidth: {
+        type: [String, Number],
+        default: 30
+    },
+    /** 按钮大小，宽高等于此值，单位px，输入框高度和此值保持一致 */
+    buttonSize: {
+        type: [String, Number],
+        default: 30
+    },
+    /** 按钮圆角 */
+    buttonRadius: [String, Number],
+    /** 输入框和按钮的背景颜色 */
+    bgColor: String,
+    /** 输入框背景颜色 */
+    inputBgColor: String,
+    /** 指定光标于键盘的距离，避免键盘遮挡输入框，单位px */
+    cursorSpacing: {
+        type: Number,
+        default: 100
+    },
+    /** 是否禁用减少按钮 */
+    disableMinus: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否禁用增加按钮 */
+    disablePlus: {
+        type: Boolean,
+        default: false
+    },
+    /** 减号按钮图标 */
+    minusIcon: Object as PropType<HyIconProps>,
+    /** 加号按钮图标 */
+    plusIcon: Object as PropType<HyIconProps>,
+    /** 迷你模式 */
+    miniMode: {
+        type: Boolean,
+        default: false
+    }
+}
+
+export default numberStepProps

package/components/hy-number-step/typing.d.ts

@@ -1,16 +1,16 @@
-export interface INumberStepEmits {
-    /** 输入框得到焦点触发 */
-    (e: 'focus', value: string): void
-    /** 输入框失去焦点时触发 */
-    (e: 'blur', value: string): void
-    /** 超过范围阈值时触发 */
-    (e: 'overLimit', type: 'minus' | 'plus'): void
-    /** 输入框内容发生变化时触发 */
-    (e: 'change', value: string | number): void
-    /** 点击增加按钮触发 */
-    (e: 'plus', value: string): void
-    /** 点击减少按钮触发 */
-    (e: 'minus', value: string): void
-    /** 值更新触发 */
-    (e: 'update:modelValue', value: string | number): void
-}
+export interface INumberStepEmits {
+    /** 输入框得到焦点触发 */
+    (e: 'focus', value: string): void
+    /** 输入框失去焦点时触发 */
+    (e: 'blur', value: string): void
+    /** 超过范围阈值时触发 */
+    (e: 'overLimit', type: 'minus' | 'plus'): void
+    /** 输入框内容发生变化时触发 */
+    (e: 'change', value: string | number): void
+    /** 点击增加按钮触发 */
+    (e: 'plus', value: string): void
+    /** 点击减少按钮触发 */
+    (e: 'minus', value: string): void
+    /** 值更新触发 */
+    (e: 'update:modelValue', value: string | number): void
+}

package/components/hy-overlay/hy-overlay.vue

@@ -1,60 +1,60 @@
-<template>
-    <hy-transition
-        :show="show"
-        :custom-class="`hy-overlay ${customClass}`"
-        :duration="duration"
-        :custom-style="overlayStyle"
-        @click="clickHandler"
-    >
-        <slot />
-    </hy-transition>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-overlay',
-    options: {
-        addGlobalClass: true,
-        virtualHost: true,
-        styleIsolation: 'shared'
-    }
-}
-</script>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import type { CSSProperties } from 'vue'
-import type { IOverlayEmits } from './typing'
-import overlayProps from './props'
-// 组件
-import HyTransition from '../hy-transition/hy-transition.vue'
-
-/**
- * 创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景
- * @displayName hy-overlay
- */
-defineOptions({})
-
-const props = defineProps(overlayProps)
-const emit = defineEmits<IOverlayEmits>()
-
-const overlayStyle = computed<CSSProperties>(() => {
-    const style: CSSProperties = {
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        right: 0,
-        zIndex: props.zIndex,
-        bottom: 0,
-        'background-color': `rgba(0, 0, 0, ${props.opacity})`
-    }
-    return Object.assign(style, props.customStyle)
-})
-const clickHandler = () => {
-    emit('click')
-}
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-</style>
+<template>
+    <hy-transition
+        :show="show"
+        :custom-class="`hy-overlay ${customClass}`"
+        :duration="duration"
+        :custom-style="overlayStyle"
+        @click="clickHandler"
+    >
+        <slot />
+    </hy-transition>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'hy-overlay',
+    options: {
+        addGlobalClass: true,
+        virtualHost: true,
+        styleIsolation: 'shared'
+    }
+}
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { CSSProperties } from 'vue'
+import type { IOverlayEmits } from './typing'
+import overlayProps from './props'
+// 组件
+import HyTransition from '../hy-transition/hy-transition.vue'
+
+/**
+ * 创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景
+ * @displayName hy-overlay
+ */
+defineOptions({})
+
+const props = defineProps(overlayProps)
+const emit = defineEmits<IOverlayEmits>()
+
+const overlayStyle = computed<CSSProperties>(() => {
+    const style: CSSProperties = {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        right: 0,
+        zIndex: props.zIndex,
+        bottom: 0,
+        'background-color': `rgba(0, 0, 0, ${props.opacity})`
+    }
+    return Object.assign(style, props.customStyle)
+})
+const clickHandler = () => {
+    emit('click')
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>

package/components/hy-overlay/props.ts

@@ -1,33 +1,33 @@
-import type { CSSProperties, PropType } from 'vue'
-
-const overlayProps = {
-    /** 是否显示遮罩 */
-    show: {
-        type: Boolean,
-        default: false
-    },
-    /** zIndex 层级 */
-    zIndex: {
-        type: Number,
-        default: 10070
-    },
-    /** 动画时长，单位毫秒 */
-    duration: {
-        type: Number,
-        default: 300
-    },
-    /** 不透明度值，当做rgba的第四个参数 */
-    opacity: {
-        type: Number,
-        default: 0.5
-    },
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>,
-        default: () => {}
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default overlayProps
+import type { CSSProperties, PropType } from 'vue'
+
+const overlayProps = {
+    /** 是否显示遮罩 */
+    show: {
+        type: Boolean,
+        default: false
+    },
+    /** zIndex 层级 */
+    zIndex: {
+        type: Number,
+        default: 10070
+    },
+    /** 动画时长，单位毫秒 */
+    duration: {
+        type: Number,
+        default: 300
+    },
+    /** 不透明度值，当做rgba的第四个参数 */
+    opacity: {
+        type: Number,
+        default: 0.5
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>,
+        default: () => {}
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default overlayProps

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

@@ -1,4 +1,4 @@
-export interface IOverlayEmits {
-    /** 点击遮罩框触发 */
-    (e: 'click'): void
-}
+export interface IOverlayEmits {
+    /** 点击遮罩框触发 */
+    (e: 'click'): void
+}