hy-app 0.5.10 → 0.5.12

package/components/hy-modal/props.ts

@@ -1,90 +1,90 @@
-const modalProps = {
-    /** 是否显示模态框 */
-    modelValue: {
-        type: Boolean,
-        default: false
-    },
-    /** 标题内容 */
-    title: String,
-    /** 模态框内容，如传入slot内容，则此参数无效 */
-    content: String,
-    /** 确认按钮的文字 */
-    confirmText: {
-        type: String,
-        default: '确认'
-    },
-    /** 取消按钮的文字 */
-    cancelText: {
-        type: String,
-        default: '取消'
-    },
-    /** 是否显示确认按钮 */
-    showConfirmButton: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否显示取消按钮 */
-    showCancelButton: {
-        type: Boolean,
-        default: false
-    },
-    /** 确认按钮的颜色 */
-    confirmColor: String,
-    /** 取消按钮的颜色 */
-    cancelColor: String,
-    /** 对调确认和取消的位置 */
-    buttonReverse: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否开启缩放模式 */
-    zoom: {
-        type: Boolean,
-        default: true
-    },
-    /** 弹窗的圆角 */
-    round: {
-        type: [String, Number],
-        default: 16
-    },
-    /** 点击确认按钮自动关闭 */
-    autoClose: {
-        type: Boolean,
-        default: true
-    },
-    /** 加载按钮 */
-    loading: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否允许点击遮罩关闭Modal */
-    closeOnClickOverlay: {
-        type: Boolean,
-        default: false
-    },
-    /** 往上偏移的值，给一个负的margin-top，往上偏移，避免和键盘重合的情况，单位任意，数值则默认为px单位 */
-    negativeTop: {
-        type: Number,
-        default: 0
-    },
-    /** modal宽度，不支持百分比，可以数值，px，rpx单位 */
-    width: {
-        type: [String, Number],
-        default: '550rpx'
-    },
-    /**
-     * 确认按钮的样式,如设置，将不会显示取消按钮
-     * @values circle,square
-     * */
-    confirmButtonShape: String,
-    /**
-     * 文案对齐方式
-     * @values left,center,right
-     * */
-    contentTextAlign: {
-        type: String,
-        default: 'left'
-    }
-}
-
-export default modalProps
+const modalProps = {
+    /** 是否显示模态框 */
+    modelValue: {
+        type: Boolean,
+        default: false
+    },
+    /** 标题内容 */
+    title: String,
+    /** 模态框内容，如传入slot内容，则此参数无效 */
+    content: String,
+    /** 确认按钮的文字 */
+    confirmText: {
+        type: String,
+        default: '确认'
+    },
+    /** 取消按钮的文字 */
+    cancelText: {
+        type: String,
+        default: '取消'
+    },
+    /** 是否显示确认按钮 */
+    showConfirmButton: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否显示取消按钮 */
+    showCancelButton: {
+        type: Boolean,
+        default: false
+    },
+    /** 确认按钮的颜色 */
+    confirmColor: String,
+    /** 取消按钮的颜色 */
+    cancelColor: String,
+    /** 对调确认和取消的位置 */
+    buttonReverse: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否开启缩放模式 */
+    zoom: {
+        type: Boolean,
+        default: true
+    },
+    /** 弹窗的圆角 */
+    round: {
+        type: [String, Number],
+        default: 16
+    },
+    /** 点击确认按钮自动关闭 */
+    autoClose: {
+        type: Boolean,
+        default: true
+    },
+    /** 加载按钮 */
+    loading: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否允许点击遮罩关闭Modal */
+    closeOnClickOverlay: {
+        type: Boolean,
+        default: false
+    },
+    /** 往上偏移的值，给一个负的margin-top，往上偏移，避免和键盘重合的情况，单位任意，数值则默认为px单位 */
+    negativeTop: {
+        type: Number,
+        default: 0
+    },
+    /** modal宽度，不支持百分比，可以数值，px，rpx单位 */
+    width: {
+        type: [String, Number],
+        default: '550rpx'
+    },
+    /**
+     * 确认按钮的样式,如设置，将不会显示取消按钮
+     * @values circle,square
+     * */
+    confirmButtonShape: String,
+    /**
+     * 文案对齐方式
+     * @values left,center,right
+     * */
+    contentTextAlign: {
+        type: String,
+        default: 'left'
+    }
+}
+
+export default modalProps

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

@@ -1,11 +1,11 @@
-export interface IModalEmits {
-    /** 点击确认按钮时触发 */
-    (e: 'confirm'): void
-    /** 点击取消按钮时触发 */
-    (e: 'cancel'): void
-    /** 点击遮罩关闭时触发 */
-    (e: 'close'): void
-    /** 更新值触发 */
-    (e: 'update:modelValue', show: boolean): void
-    (e: 'update:loading', show: boolean): void
-}
+export interface IModalEmits {
+    /** 点击确认按钮时触发 */
+    (e: 'confirm'): void
+    /** 点击取消按钮时触发 */
+    (e: 'cancel'): void
+    /** 点击遮罩关闭时触发 */
+    (e: 'close'): void
+    /** 更新值触发 */
+    (e: 'update:modelValue', show: boolean): void
+    (e: 'update:loading', show: boolean): void
+}

package/components/hy-navbar/hy-navbar.vue

@@ -1,144 +1,144 @@
-<template>
-    <view :class="['hy-navbar', customClass]" :style="customStyle">
-        <view
-            class="hy-navbar__placeholder"
-            v-if="fixed && placeholder"
-            :style="{
-                height: addUnit(getPx(height) + statusBarHeight)
-            }"
-        ></view>
-        <view :class="[fixed && 'hy-navbar__fixed']">
-            <hy-status-bar v-if="safeAreaInsetTop" :bgColor="bgColor"></hy-status-bar>
-            <view
-                :class="[border && 'hy-border__bottom', 'hy-navbar__content']"
-                :style="{
-                    height: addUnit(height),
-                    backgroundColor: bgColor
-                }"
-            >
-                <!-- 左边 -->
-                <view
-                    class="hy-navbar__content__left"
-                    hover-class="hy-navbar__content__left--hover"
-                    hover-start-time="150"
-                    @tap="leftClick"
-                >
-                    <slot v-if="$slots.left" name="left"></slot>
-                    <template v-else>
-                        <hy-icon
-                            v-if="leftIcon"
-                            :name="leftIcon"
-                            :size="leftIconSize"
-                            :color="leftIconColor"
-                        ></hy-icon>
-                        <text
-                            v-if="leftText"
-                            :style="{
-                                color: leftIconColor
-                            }"
-                            class="hy-navbar__content__left--text"
-                        >
-                            {{ leftText }}
-                        </text>
-                    </template>
-                </view>
-                <!-- 左边 -->
-
-                <!-- 中间 -->
-                <slot v-if="$slots.center" name="center"></slot>
-                <view v-else class="hy-navbar__content__center">
-                    <text
-                        class="hy-navbar__content__center--title"
-                        :style="[
-                            {
-                                width: addUnit(titleWidth),
-                                color: titleColor
-                            },
-                            titleStyle
-                        ]"
-                    >
-                        {{ title }}
-                    </text>
-                    <text
-                        class="hy-navbar__content__center--sub"
-                        :style="[
-                            {
-                                width: addUnit(titleWidth),
-                                color: titleColor
-                            },
-                            titleStyle
-                        ]"
-                    >
-                        {{ sub }}
-                    </text>
-                </view>
-                <!-- 中间 -->
-
-                <!-- 右边 -->
-                <view class="hy-navbar__content__right" @tap="rightClick">
-                    <slot v-if="$slots.right" name="right"></slot>
-                    <template v-else>
-                        <hy-icon v-if="rightIcon" :name="rightIcon" size="20"></hy-icon>
-                        <text v-if="rightText" class="hy-navbar__content__right--text">{{
-                            rightText
-                        }}</text>
-                    </template>
-                </view>
-                <!-- 右边 -->
-            </view>
-        </view>
-    </view>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-navbar',
-    options: {
-        addGlobalClass: true,
-        virtualHost: true,
-        styleIsolation: 'shared'
-    }
-}
-</script>
-
-<script setup lang="ts">
-import type { INavbarEmits } from './typing'
-import { addUnit, getPx, getWindowInfo } from '../../libs'
-import navbarProps from './props'
-// 组件
-import HyIcon from '../hy-icon/hy-icon.vue'
-import HyStatusBar from '../hy-status-bar/hy-status-bar.vue'
-
-/**
- * 一般用于在特殊情况下，需要自定义导航栏的时候用到，一般建议使用uni-app带的导航栏。
- * @displayName hy-navbar
- */
-defineOptions({})
-
-const props = defineProps(navbarProps)
-const emit = defineEmits<INavbarEmits>()
-
-// 获取状态栏高度
-const { statusBarHeight } = getWindowInfo()
-
-/**
- * @description 点击左侧区域
- * */
-const leftClick = () => {
-    // 如果配置了autoBack，自动返回上一页
-    emit('leftClick')
-    if (props.autoBack) {
-        uni.navigateBack()
-    }
-}
-/**
- * @description 点击右侧区域
- * */
-const rightClick = () => {
-    emit('rightClick')
-}
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-</style>
+<template>
+    <view :class="['hy-navbar', customClass]" :style="customStyle">
+        <view
+            class="hy-navbar__placeholder"
+            v-if="fixed && placeholder"
+            :style="{
+                height: addUnit(getPx(height) + statusBarHeight)
+            }"
+        ></view>
+        <view :class="[fixed && 'hy-navbar__fixed']">
+            <hy-status-bar v-if="safeAreaInsetTop" :bgColor="bgColor"></hy-status-bar>
+            <view
+                :class="[border && 'hy-border__bottom', 'hy-navbar__content']"
+                :style="{
+                    height: addUnit(height),
+                    backgroundColor: bgColor
+                }"
+            >
+                <!-- 左边 -->
+                <view
+                    class="hy-navbar__content__left"
+                    hover-class="hy-navbar__content__left--hover"
+                    hover-start-time="150"
+                    @tap="leftClick"
+                >
+                    <slot v-if="$slots.left" name="left"></slot>
+                    <template v-else>
+                        <hy-icon
+                            v-if="leftIcon"
+                            :name="leftIcon"
+                            :size="leftIconSize"
+                            :color="leftIconColor"
+                        ></hy-icon>
+                        <text
+                            v-if="leftText"
+                            :style="{
+                                color: leftIconColor
+                            }"
+                            class="hy-navbar__content__left--text"
+                        >
+                            {{ leftText }}
+                        </text>
+                    </template>
+                </view>
+                <!-- 左边 -->
+
+                <!-- 中间 -->
+                <slot v-if="$slots.center" name="center"></slot>
+                <view v-else class="hy-navbar__content__center">
+                    <text
+                        class="hy-navbar__content__center--title"
+                        :style="[
+                            {
+                                width: addUnit(titleWidth),
+                                color: titleColor
+                            },
+                            titleStyle
+                        ]"
+                    >
+                        {{ title }}
+                    </text>
+                    <text
+                        class="hy-navbar__content__center--sub"
+                        :style="[
+                            {
+                                width: addUnit(titleWidth),
+                                color: titleColor
+                            },
+                            titleStyle
+                        ]"
+                    >
+                        {{ sub }}
+                    </text>
+                </view>
+                <!-- 中间 -->
+
+                <!-- 右边 -->
+                <view class="hy-navbar__content__right" @tap="rightClick">
+                    <slot v-if="$slots.right" name="right"></slot>
+                    <template v-else>
+                        <hy-icon v-if="rightIcon" :name="rightIcon" size="20"></hy-icon>
+                        <text v-if="rightText" class="hy-navbar__content__right--text">{{
+                            rightText
+                        }}</text>
+                    </template>
+                </view>
+                <!-- 右边 -->
+            </view>
+        </view>
+    </view>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'hy-navbar',
+    options: {
+        addGlobalClass: true,
+        virtualHost: true,
+        styleIsolation: 'shared'
+    }
+}
+</script>
+
+<script setup lang="ts">
+import type { INavbarEmits } from './typing'
+import { addUnit, getPx, getWindowInfo } from '../../libs'
+import navbarProps from './props'
+// 组件
+import HyIcon from '../hy-icon/hy-icon.vue'
+import HyStatusBar from '../hy-status-bar/hy-status-bar.vue'
+
+/**
+ * 一般用于在特殊情况下，需要自定义导航栏的时候用到，一般建议使用uni-app带的导航栏。
+ * @displayName hy-navbar
+ */
+defineOptions({})
+
+const props = defineProps(navbarProps)
+const emit = defineEmits<INavbarEmits>()
+
+// 获取状态栏高度
+const { statusBarHeight } = getWindowInfo()
+
+/**
+ * @description 点击左侧区域
+ * */
+const leftClick = () => {
+    // 如果配置了autoBack，自动返回上一页
+    emit('leftClick')
+    if (props.autoBack) {
+        uni.navigateBack()
+    }
+}
+/**
+ * @description 点击右侧区域
+ * */
+const rightClick = () => {
+    emit('rightClick')
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>

package/components/hy-navbar/props.ts

@@ -1,78 +1,78 @@
-import { IconConfig } from '../../libs/config'
-import type { CSSProperties, PropType } from 'vue'
-
-const navbarProps = {
-    /** 是否开启顶部安全区适配 */
-    safeAreaInsetTop: {
-        type: Boolean,
-        default: true
-    },
-    /** 固定在顶部时，是否生成一个等高元素，以防止塌陷 */
-    placeholder: {
-        type: Boolean,
-        default: false
-    },
-    /** 导航栏是否固定在顶部 */
-    fixed: {
-        type: Boolean,
-        default: true
-    },
-    /** 导航栏底部是否显示下边框 */
-    border: {
-        type: Boolean,
-        default: false
-    },
-    /** 左边返回图标的名称，只能组件自带的图标 */
-    leftIcon: {
-        type: String,
-        default: IconConfig.LEFT
-    },
-    /** 左边的提示文字 */
-    leftText: String,
-    /** 右边的提示文字 */
-    rightText: String,
-    /** 右边返回图标的名称，只能组件自带的图标 */
-    rightIcon: String,
-    /** 导航栏标题，如设置为空字符，将会隐藏标题占位区域 */
-    title: String,
-    /** 导航栏副标题 */
-    sub: String,
-    /** 文字颜色 */
-    titleColor: String,
-    /** 导航栏背景设置 */
-    bgColor: String,
-    /** 导航栏标题的最大宽度，内容超出会以省略号隐藏 */
-    titleWidth: {
-        type: [String, Number],
-        default: '400rpx'
-    },
-    /** 导航栏高度(不包括状态栏高度在内，内部自动加上) */
-    height: {
-        type: [String, Number],
-        default: '44px'
-    },
-    /** 左侧返回图标的大小 */
-    leftIconSize: {
-        type: [String, Number],
-        default: 20
-    },
-    /** 左侧返回图标的颜色 */
-    leftIconColor: String,
-    /** 点击左侧区域(返回图标)，是否自动返回上一页（默认 false ） */
-    autoBack: {
-        type: Boolean,
-        default: false
-    },
-    /** 标题的样式，对象或字符串 */
-    titleStyle: {
-        type: Object as PropType<CSSProperties>
-    },
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default navbarProps
+import { IconConfig } from '../../libs/config'
+import type { CSSProperties, PropType } from 'vue'
+
+const navbarProps = {
+    /** 是否开启顶部安全区适配 */
+    safeAreaInsetTop: {
+        type: Boolean,
+        default: true
+    },
+    /** 固定在顶部时，是否生成一个等高元素，以防止塌陷 */
+    placeholder: {
+        type: Boolean,
+        default: false
+    },
+    /** 导航栏是否固定在顶部 */
+    fixed: {
+        type: Boolean,
+        default: true
+    },
+    /** 导航栏底部是否显示下边框 */
+    border: {
+        type: Boolean,
+        default: false
+    },
+    /** 左边返回图标的名称，只能组件自带的图标 */
+    leftIcon: {
+        type: String,
+        default: IconConfig.LEFT
+    },
+    /** 左边的提示文字 */
+    leftText: String,
+    /** 右边的提示文字 */
+    rightText: String,
+    /** 右边返回图标的名称，只能组件自带的图标 */
+    rightIcon: String,
+    /** 导航栏标题，如设置为空字符，将会隐藏标题占位区域 */
+    title: String,
+    /** 导航栏副标题 */
+    sub: String,
+    /** 文字颜色 */
+    titleColor: String,
+    /** 导航栏背景设置 */
+    bgColor: String,
+    /** 导航栏标题的最大宽度，内容超出会以省略号隐藏 */
+    titleWidth: {
+        type: [String, Number],
+        default: '400rpx'
+    },
+    /** 导航栏高度(不包括状态栏高度在内，内部自动加上) */
+    height: {
+        type: [String, Number],
+        default: '44px'
+    },
+    /** 左侧返回图标的大小 */
+    leftIconSize: {
+        type: [String, Number],
+        default: 20
+    },
+    /** 左侧返回图标的颜色 */
+    leftIconColor: String,
+    /** 点击左侧区域(返回图标)，是否自动返回上一页（默认 false ） */
+    autoBack: {
+        type: Boolean,
+        default: false
+    },
+    /** 标题的样式，对象或字符串 */
+    titleStyle: {
+        type: Object as PropType<CSSProperties>
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default navbarProps

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

@@ -1,6 +1,6 @@
-export interface INavbarEmits {
-    /** 点击导航栏左边 */
-    (e: 'leftClick'): void
-    /** 点击导航栏右边 */
-    (e: 'rightClick'): void
-}
+export interface INavbarEmits {
+    /** 点击导航栏左边 */
+    (e: 'leftClick'): void
+    /** 点击导航栏右边 */
+    (e: 'rightClick'): void
+}