hy-app 0.5.10 → 0.5.12

package/components/hy-popup/props.ts

@@ -1,85 +1,85 @@
-import type { CSSProperties, PropType } from 'vue'
-
-const popupProps = {
-    /** 是否展示弹窗 */
-    show: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否显示遮罩 */
-    overlay: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * 弹出方向
-     * @values left,right,top,bottom,center
-     * */
-    mode: {
-        type: String,
-        default: 'bottom'
-    },
-    /** 动画时长，单位ms */
-    duration: {
-        type: Number,
-        default: 300
-    },
-    /** 是否显示关闭图标 */
-    closeable: {
-        type: Boolean,
-        default: false
-    },
-    /** 自定义遮罩的样式 */
-    overlayStyle: Object as PropType<CSSProperties>,
-    /** 遮罩透明度，0-1之间 */
-    overlayOpacity: {
-        type: Number,
-        default: 0.5
-    },
-    /** 点击遮罩是否关闭弹窗 */
-    closeOnClickOverlay: {
-        type: Boolean,
-        default: true
-    },
-    /** 弹窗层级 */
-    zIndex: {
-        type: Number,
-        default: 10086
-    },
-    /** 是否为iPhoneX留出底部安全距离 */
-    safeAreaInsetBottom: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否留出顶部安全距离 */
-    safeAreaInsetTop: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 自定义关闭图标位置
-     * @values top-left,top-right
-     * */
-    closeIconPos: {
-        type: String,
-        default: 'top-right'
-    },
-    /** 圆角值 */
-    round: [String, Number],
-    /** 当mode=center时 是否开启缩放 */
-    zoom: {
-        type: Boolean,
-        default: true
-    },
-    /** 背景颜色 */
-    bgColor: String,
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>,
-        default: () => {}
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default popupProps
+import type { CSSProperties, PropType } from 'vue'
+
+const popupProps = {
+    /** 是否展示弹窗 */
+    show: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否显示遮罩 */
+    overlay: {
+        type: Boolean,
+        default: true
+    },
+    /**
+     * 弹出方向
+     * @values left,right,top,bottom,center
+     * */
+    mode: {
+        type: String,
+        default: 'bottom'
+    },
+    /** 动画时长，单位ms */
+    duration: {
+        type: Number,
+        default: 300
+    },
+    /** 是否显示关闭图标 */
+    closeable: {
+        type: Boolean,
+        default: false
+    },
+    /** 自定义遮罩的样式 */
+    overlayStyle: Object as PropType<CSSProperties>,
+    /** 遮罩透明度，0-1之间 */
+    overlayOpacity: {
+        type: Number,
+        default: 0.5
+    },
+    /** 点击遮罩是否关闭弹窗 */
+    closeOnClickOverlay: {
+        type: Boolean,
+        default: true
+    },
+    /** 弹窗层级 */
+    zIndex: {
+        type: Number,
+        default: 10086
+    },
+    /** 是否为iPhoneX留出底部安全距离 */
+    safeAreaInsetBottom: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否留出顶部安全距离 */
+    safeAreaInsetTop: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * 自定义关闭图标位置
+     * @values top-left,top-right
+     * */
+    closeIconPos: {
+        type: String,
+        default: 'top-right'
+    },
+    /** 圆角值 */
+    round: [String, Number],
+    /** 当mode=center时 是否开启缩放 */
+    zoom: {
+        type: Boolean,
+        default: true
+    },
+    /** 背景颜色 */
+    bgColor: String,
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>,
+        default: () => {}
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default popupProps

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

@@ -1,10 +1,10 @@
-export interface IPopupEmits {
-    /** 弹出层打开触发 */
-    (e: 'open'): void
-    /** 弹出层关闭触发 */
-    (e: 'close'): void
-    /** 弹出层点击触发 */
-    (e: 'click'): void
-    /** 显示隐藏触发 */
-    (e: 'update:show', visible: boolean): void
-}
+export interface IPopupEmits {
+    /** 弹出层打开触发 */
+    (e: 'open'): void
+    /** 弹出层关闭触发 */
+    (e: 'close'): void
+    /** 弹出层点击触发 */
+    (e: 'click'): void
+    /** 显示隐藏触发 */
+    (e: 'update:show', visible: boolean): void
+}

package/components/hy-price/hy-price.vue

@@ -1,79 +1,79 @@
-<template>
-    <text :class="['hy-price', customClass]" :style="priceStyle" @tap="handleClick">
-        <text class="hy-price__prefix">{{ symbol }}</text>
-        <text class="hy-price__text" :style="[{ 'font-size': addUnit(getPx(size) * ratio) }]">
-            {{ priceOne?.[0] }}
-        </text>
-        <text class="hy-price__decimal">
-            {{ '.' + addZero(priceOne?.[1], num) }}
-        </text>
-    </text>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-price',
-    options: {
-        addGlobalClass: true,
-        virtualHost: true,
-        styleIsolation: 'shared'
-    }
-}
-</script>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import type { CSSProperties } from 'vue'
-import { addUnit, getPx, error, addZero } from '../../libs'
-import priceProps from './props'
-import type { IPriceEmits } from './typing'
-
-/**
- * 业务组件,突出金额小数点前大，小数点后小
- * @displayName hy-price
- */
-defineOptions({})
-
-const props = defineProps(priceProps)
-const emit = defineEmits<IPriceEmits>()
-
-// 价格整体样式
-const priceStyle = computed<CSSProperties>(() => {
-    const style: CSSProperties = {
-        color: props.color,
-        fontWeight: props.weight,
-        fontStyle: props.slant ? 'oblique' : '',
-        fontSize: addUnit(props.size)
-    }
-
-    return Object.assign(style, props.customStyle)
-})
-
-// 价格处理
-const priceOne = computed(() => {
-    if (props.text === undefined || props.text === null) return error('text值不能为空')
-
-    let value = typeof props.text === 'string' ? props.text : props.text.toString()
-
-    // 格式化整数部分为千分位
-    const formatValue = (val: string) => {
-        return val.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
-    }
-
-    if (/\./g.test(value)) {
-        const [integer, decimal] = value.split('.')
-        return [formatValue(integer), decimal]
-    } else {
-        return [formatValue(value), '000000']
-    }
-})
-
-// 点击事件
-const handleClick = () => {
-    emit('click', props.text)
-}
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-</style>
+<template>
+    <text :class="['hy-price', customClass]" :style="priceStyle" @tap="handleClick">
+        <text class="hy-price__prefix">{{ symbol }}</text>
+        <text class="hy-price__text" :style="[{ 'font-size': addUnit(getPx(size) * ratio) }]">
+            {{ priceOne?.[0] }}
+        </text>
+        <text class="hy-price__decimal">
+            {{ '.' + addZero(priceOne?.[1], num) }}
+        </text>
+    </text>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'hy-price',
+    options: {
+        addGlobalClass: true,
+        virtualHost: true,
+        styleIsolation: 'shared'
+    }
+}
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { CSSProperties } from 'vue'
+import { addUnit, getPx, error, addZero } from '../../libs'
+import priceProps from './props'
+import type { IPriceEmits } from './typing'
+
+/**
+ * 业务组件,突出金额小数点前大，小数点后小
+ * @displayName hy-price
+ */
+defineOptions({})
+
+const props = defineProps(priceProps)
+const emit = defineEmits<IPriceEmits>()
+
+// 价格整体样式
+const priceStyle = computed<CSSProperties>(() => {
+    const style: CSSProperties = {
+        color: props.color,
+        fontWeight: props.weight,
+        fontStyle: props.slant ? 'oblique' : '',
+        fontSize: addUnit(props.size)
+    }
+
+    return Object.assign(style, props.customStyle)
+})
+
+// 价格处理
+const priceOne = computed(() => {
+    if (props.text === undefined || props.text === null) return error('text值不能为空')
+
+    let value = typeof props.text === 'string' ? props.text : props.text.toString()
+
+    // 格式化整数部分为千分位
+    const formatValue = (val: string) => {
+        return val.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+    }
+
+    if (/\./g.test(value)) {
+        const [integer, decimal] = value.split('.')
+        return [formatValue(integer), decimal]
+    } else {
+        return [formatValue(value), '000000']
+    }
+})
+
+// 点击事件
+const handleClick = () => {
+    emit('click', props.text)
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>

package/components/hy-price/props.ts

@@ -1,54 +1,54 @@
-import type { CSSProperties, PropType } from 'vue'
-
-const priceProps = {
-    /** 传入金额值 */
-    text: {
-        type: [String, Number],
-        default: 0,
-        required: true
-    },
-    /** 金额符号 */
-    symbol: {
-        type: String,
-        default: '￥'
-    },
-    /** 比例大小 */
-    ratio: {
-        type: Number,
-        default: 1.4
-    },
-    /** 保留小数点后几位数 */
-    num: {
-        type: Number,
-        default: 2
-    },
-    /** 字体颜色 */
-    color: {
-        type: String,
-        default: '#FE3232'
-    },
-    /** 字体大小 */
-    size: {
-        type: [Number, String],
-        default: 12
-    },
-    /** 字体粗细 */
-    weight: {
-        type: Number,
-        default: 500
-    },
-    /** 是否倾斜 */
-    slant: {
-        type: Boolean,
-        default: false
-    },
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>,
-        default: () => {}
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default priceProps
+import type { CSSProperties, PropType } from 'vue'
+
+const priceProps = {
+    /** 传入金额值 */
+    text: {
+        type: [String, Number],
+        default: 0,
+        required: true
+    },
+    /** 金额符号 */
+    symbol: {
+        type: String,
+        default: '￥'
+    },
+    /** 比例大小 */
+    ratio: {
+        type: Number,
+        default: 1.4
+    },
+    /** 保留小数点后几位数 */
+    num: {
+        type: Number,
+        default: 2
+    },
+    /** 字体颜色 */
+    color: {
+        type: String,
+        default: '#FE3232'
+    },
+    /** 字体大小 */
+    size: {
+        type: [Number, String],
+        default: 12
+    },
+    /** 字体粗细 */
+    weight: {
+        type: Number,
+        default: 500
+    },
+    /** 是否倾斜 */
+    slant: {
+        type: Boolean,
+        default: false
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>,
+        default: () => {}
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default priceProps

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

@@ -1,4 +1,4 @@
-export interface IPriceEmits {
-    /** 点击事件 */
-    (e: 'click', text: string | number): void
-}
+export interface IPriceEmits {
+    /** 点击事件 */
+    (e: 'click', text: string | number): void
+}